5

フッターにメニュー バーが作成された Html ページがあります。現在、ページ全体がスクロール可能です。フッターのスクロールを制限するにはどうすればよいですか。SO、ページのコンテンツのみのスクロールを探しています。

フッター メニュー バーのコードは次のとおりです。

#menu-bar {
    height: 50px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 10px;
    background: #F07C1F;
    z-index: 1000;
}
4

1 に答える 1

1

配置された要素は、あなたが探しているものです...

http://jsfiddle.net/7fuQm/1/

#menu-bar {
    height: 50px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 10px;
    background: #F07C1F;
    z-index: 1000;
}
#body {
    position: absolute;
    top:0px;
    bottom:50px;    
    left: 0px;   
    overflow:auto;
}
p
{
    margin: 10px;
}
于 2012-11-23T13:23:09.643 に答える