如何不允许弹跳'对网站滚动结束的影响?

时间:2015-05-05 15:32:54

标签: javascript css

我试图获得我在网站http://www.unheap.com上看到的滚动效果,如果您滚动到底部或右侧,您会注意到您无法滚动过去。包括这个在内的大多数网站允许你略微滚动过去,但是我试图复制上面的例子,你可以滚动过去。任何人都知道如何创建这种效果的任何插件或方法?

1 个答案:

答案 0 :(得分:3)

实际网站本身是页面宽度和高度的100%,任何滚动都是通过一个带overflow: scroll的绝对定位容器完成的。

修改

实际overflow.grid元素上设置,该元素位于绝对定位的.container元素内。

编辑#2

作者也在使用jScrollPane,但您可以通过使您的身体100%宽度和高度以及绝对定位具有溢出设置的容器来阻止弹跳效果。

编辑#3 请参阅附带的代码段 - (由于SO显示片段的方式,您可能必须将其复制并粘贴到自己的HTML文件中)。没有弹跳。

* { margin:0; padding:0; }
html,
body { width: 100%; height: 100%; overflow:hidden;}
body>div { height: 50vh; overflow: auto; padding: 10px; background: #000; position: absolute; width: 100px; top: 100px; left: 100px;}
body>div>div { height: 1000px; background: #0f0;}
<div>
  <div>scrollable content</div>
  </div>