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