如何使用div滚动而不是身体滚动

Question

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

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

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

的内容

请参阅此jsFiddle

问题 如何禁用正文滚动并使用div滚动，使div始终可见

Answer 1

只要确保有足够的内容来制作div滚动....在你的例子中，它非常适合。 这是调整：

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

Answer 2

body,html{
    overflow:none;
}

应该足够了

Answer 3

添加溢出：隐藏到正文并有足够的内容来填充div。

<强> jsFiddle example

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

}

body {
    overflow:hidden;
}​