giới hạn cuộn ở chân trang

Question

Tôi có trang Html có thanh menu được tạo ở chân trang. Hiện tại, toàn bộ trang có thể cuộn được. Cách hạn chế cuộn cho chân trang. SO, tôi đang tìm cuộn chỉ trên nội dung của trang.

mã cho thanh menu chân như sau:

#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

yếu tố vị trí, là những gì bạn đang tìm kiếm ...

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