フッターのスクロールを制限する

Question

フッターにメニューバーを作成したHtmlページがあります。現在、ページ全体がスクロール可能です。フッターのスクロールを制限するにはどうすればいいですか？だから、私はページの内容だけでスクロールを探しています。フッターメニューバーの

コードは次のとおりです、

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

Answer 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; 
}