2017-12-03 8 views
0

私のコンテンツdivには、ウィンドウ全体のスクロールバーのスクロールバーを作成しようとしています。しかし、それはコンテンツボックスに巨大な空白を作成し、私は理由を把握できません。誰かが見て、彼らがなぜそれを見つけることができるかどうかを見ることができますか?ここで大きな空白の隙間の取得

は私のサイトです:また、スクロールバーがフッターの下で起こっているwww.rajohan.no/index.php?page=movie&category=comming

、私はそれはフッターの先頭で停止することができますとにかくありますか?

オーバーフローを使用しているIm:hidden;体内でoverflow-y:auto;私のコンテンツのdiv

ここ

で私のjQueryのスクリプトは、スクロールバーが

// Check if content_box need a scrollbar 
function calculateDivHeight() { 
    $("#content_box").height(window.innerHeight); 
} 
$(window).resize(function() { 
    calculateDivHeight(); 
}); 
+0

あなたの '.content-size' divに' min-height:100%; 'があります。それを削除しても問題ありません。 – davvv

+0

ありがとう!空白の問題を修正しました:)スクロールバーとdivの内容をフッターの下に置かないようにする方法はありますか?コンテンツの一部は、今のようにフッターの下に隠されています。 – Rajohan

答えて

1

を必要とされている場合は、あなたの要素のid「content_box」の高さは、ページの100%になっているとあなたがのCSSの位置を設定し確認することですあなたのフッターを修正してください。なぜそれが起こるのは、fotterがcontentboxの前に来るからです。あなたは私の試してくださいcontent_box 75vhとフッタに20vhの高さを設定し、彼らはすべて画面に収まるようにし、固定fotterを使用することができますヘッダーに5vh。

関連する問題