ブートストラップのスティッキーフッターがコンテンツの下にスライドするのを防ぐ

Question

私はページの下部にスティッキーなブートストラップフッターを持っていますが、スクロールするとその下にコンテンツが隠れてしまいます。 これはフッターそのもののスクリーンショットです.300pxの高さでコンテンツを300pxスリップさせることができます。つまり、垂直オーバーフローが発生し、スクロールが必要な場合、画像/コンテンツの300pxはスティッキーフッターの下に隠されます。下図のように： 実際のイメージは、このある一方、あなたはそれが断たていないことは、上記の画像と比べて見ることができます： 私は考えることができる唯一のソリューションは、300ピクセルであることを、他のコンテンツのためのボーダーを設定することです下から、しかし私はそれをどうやってやるのだろうか？

ご協力いただきありがとうございます。

Answer 1

コンテンツにパディングボトムを追加できます。
希望します。

Answer 2

私は問題を解決できました。スクロールフッターの半分の幅（私の場合は150ピクセル）の下にパディングを置くと、下部にオーバーフロー（スクロール）してたくさんのコンテンツがある場合にこの問題が修正されます。これにより、コンテンツがフッターの一番上に当たる前に停止されます。私はdiv要素を作成し、それにそのスタイルを適用し、それを行うために

：

<div id="pagecontent" style="padding-bottom: 150px;"> 
    <!--Content Goes Here--> 
</div> 

多くのおかげで、コンテンツへのパディングを示唆するためにPragyakarジョシに行きます！