如何不允许在网站上滚动结束时产生'bounce'影响?



im试图获得此滚动效果,我在网站上看到的http://www.unheap.com,如果您向底部滚动或右侧滚动,您会注意到您的信息无法滚动过任何东西。大多数网站(包括此网站)都可以让您稍作滚动,但我试图复制上面的示例,您根本无法滚动滚动。有人知道如何创建此效果的任何插件或方法?

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

编辑

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

编辑#2

作者也使用jScrollPane,但是您可以通过使身体宽度和高度100%宽度和位置,并将其定位为滚动的容器。

编辑#3 请参阅附件代码片段 - (您可能必须将其复制并粘贴到其自己的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>

最新更新