在浏览器中滚动时删除反弹,发出位置:固定div
Rob*_*Rob 21 css google-chrome overflow
我正在尝试在Chrome中滚动时删除反弹.您会注意到顶部的白色黑色是固定的,并且根据需要位于第二个黄色块的后面.
我需要做的是删除滚动以在浏览器中显示灰色背景,而不会阻止滚动顶部白色块.希望它有意义
HTML
<div class="project">
</div>
<div id="content">
<div class="warface">
</div><!-- END warface -->
</div><!-- END content -->
3dg*_*goo 35
浏览器中的弹跳滚动是某些OSX版本的功能.
为防止它在您的网站上发生,您可以使用以下内容:
CSS
html, body {
height: 100%;
overflow: hidden;
}
#mainContainer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
HTML
<body>
<div id="mainContainer">
...
</div>
</body>
Unk*_*own 12
虽然接受的答案有效。这是一个更简单的更新版本。
body {
overscroll-behavior-y: none;
}
然而，它不适用于 IE 和 Safari，这是不幸的。这是浏览器支持。
- 现在似乎在 Safari 中受支持。 (2认同)
There's a simpler answer suggested here for a related question: OSX - disable inertia scroll for "single-page" webapp
body {
overflow: hidden;
}
- 然后你就不能滚动了。 (12认同)
| 归档时间： |
|
| 查看次数： |
29763 次 |
| 最近记录： |