ページの下に著作権表示を貼る方法

Question

コーディングとHTMLでは比較的新しいです。

私は

ページの一番下（しないスクリーンページ）に、このコンテナスティックを作るしようとしている公正な長さをスクロールし、コンテナが一番下にあるページつまり、だけでなく、スクロールを必要としないページでは、コンテナはまだ下部にあります。

私はこのコードを持っている：

<div class="copyright-container"><div class="vert-align"><p class="headline"> 
 
Copyright &copy; 2017 RyanTeaches - All Rights Reserved.</p></div></div>

.copyright-container{ 
 
\t box-sizing: border-box; 
 
padding-right:20px;padding-left:20px; 
 
background-color: black; 
 
text-align: center; 
 
position:absolute; 
 
bottom:0; 
 
width:100%; 
 
height:150px; 
 
    color: white;

絶対に問題はこれが少しコンテンツを含むページに正常に動作しながら、ということで、ページのどこに私はスクロールする必要があります、それもスクロールアップ - それは画面の下部に、tではありません彼はページの一番下にある。

また、「固定」を使用してみましたが、これはコンテナが常に画面上に残っていることを意味しました。

私は「相対」を試してみましたが、スクロールが必要なページで正しく動作していましたが、コンテンツの少ないページの下部に座ってページの途中に座っていました。あなたの問題を解決するために

乾杯

Answer 1

は、JavaScriptを使用する必要があります。

流れの終わりに、通常の要素を入れて、あなたが望むようにそれは、ページの下部になります。しかし、コンテンツが小さすぎる場合は、要素を画面の下部に固定して配置する必要があります。あなたはページの読み込み後にそれを行うことができます。

それはjQueryのではそのような何かになり：

$(window).load(function() { 
    if ($(window).height() > $('#content').height() + $('#navigation').height()) { 
    $('.copyright-container').css({ 
     position: 'fixed' 
     bottom: 0 
    }); 
    } 
}); 

は、この情報がお役に立てば幸い！