css - 如何使用 div 滚动而不是正文滚动

Question

我有这个简单div的，里面有一些文字，还有这个 css

#mydiv{
    width:100px ; 
    height :300px;
    border : 1px solid black ; 
    overflow : auto
}

到目前为止div没有滚动，当我最小化窗口的高度时，身体滚动出现，所以你可以看到它的内容div

看到这个jsFiddle

问题 我如何禁用正文滚动并使用 div 滚动，使 div 始终可见 ​</p>

Answer 1

只要确保有足够的内容来使 div 滚动……在您的示例中，它非常适合。这是调整：

#mydiv{
 width:300px ; 
 height :100px;
 border : 1px solid black ; 
 overflow : scroll;    
}

Answer 2

添加 overflow:hidden 到 body 和足够的内容来填充 div。

jsFiddle 示例

#mydiv{
    width:100px ; 
    height :300px;
    border : 1px solid black ; 
    overflow : auto

}

body {
    overflow:hidden;
}​

Answer 3

body,html{
    overflow:none;
}

应该够了