1

次の Web サイトでjscrollを使用することにしましたが、次のような問題が発生しました。

コンテンツがブラウザウィンドウを埋めるのに十分でない限り、常にコンテンツの最後にとどまる、かなり粘着性のあるフッターを作成しました。その場合、それは一番下にとどまります。これは現在、次の CSS を介して実現されています (ここで説明されているように)。

html, body{
    height: 100%;
}

#wrapper1{
    min-height: 100%;
        width: 1250px;

}   

#content{
    overflow:auto;    
    padding: 0 0 30 0;
}

#footer {
    height:30px;
    width: 1250px;
    margin-top: -30px;
}

HTML 構造は次のようになります。

<html>
<body>
    <div id="wrapper1">
        <div id="content"> ... </div>
    </div>
    <div id="footer"></div>
</body>
</html>

ブラウザのスクロールバーが置き換えられるようにjscrollをボディに適用するとすぐにclass="scroll-pane"、ブラウザウィンドウを埋めるのに十分なコンテンツがない場合、フッターはページの下部に留まりません。

にheight:100%ルールが変更されたようautoです。どうすればこれを防ぐことができますか?

4

0 に答える 0