我有这个 html 和 css。问题是我想滚动内部 div 但不应删除位置固定。
body {
position: fixed;
}
div {
overflow-y: scroll;
height:100%;
}
<body>
<div>
Sohail Hussain
<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS
<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
FDSFSDFDSFS
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
ABCDEFGHI
</div>
</body>
最佳答案
对于 %
工作父元素的高度需要一个高度。在你的情况下 <html>
和 <body>
没有高度。
改变<body>
的位置不是一个好习惯.最好将您的内容包装在 <div>
中并改为调整它的定位。
html,
body {
height: 100%;
}
body {
position: fixed;
}
div {
overflow-y: scroll;
height: 100%;
}
<div>
Sohail Hussain
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>FDSFSDFDSFS
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>FDSFSDFDSFS
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>FDSFSDFDSFS
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>FDSFSDFDSFS
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>FDSFSDFDSFS
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>FDSFSDFDSFS
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>ABCDEFGHI
</div>
关于html - 位置固定内部div不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37432798/