许多网站都有这样的事情,如果你一直向上滚动,你会得到这种"反弹"效果,好像你的页面从浏览器窗口的顶部反弹,在窗口顶部显示空白区域.
同样的情况下,如果向下滚动,您将获得相同的"反弹"效果.
如果页眉和页脚具有背景颜色,则此反弹看起来非常难看.
我如何摆脱这种影响？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<header></header>
<div></div>
<footer></footer>
</body>
</html>
CSS
header {
width: 100%;
background-color: tomato;
height: 140px;
}
div {
height: 1000px;
}
footer {
width: 100%;
background-color: brown;
height: 140px;
}
Shr*_*Pai 30
我有类似的问题,这对我有用.
html {
overflow: hidden;
height: 100%;
}
body {
height: 100%;
overflow: auto;
}
Pol*_*olv 12
所以，接受的答案对我不起作用。我必须使用https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
所以，
html, body {
overscroll-behavior: none;
}