如何不允許在網站滾動結束時出現“反彈”效果？

Question

我試圖獲得這種滾動效果，我在網站http://www.unheap.com上看到過，如果滾動到底部或右側，您會發現您無法滾動過去。 包括該網站在內的大多數網站都允許您稍稍阻力而略微滾動過去，但是我試圖復制上面的示例，其中您根本無法滾動。 任何人都知道如何創建此效果的任何插件或方法嗎？

Answer 1

實際的網站本身就是頁面的寬度和高度的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>