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>