隱藏帶Overflow-y的窗口滾動條設置爲滾動

我遇到了這個網站Teehan和Lax（http://www.teehanlax.com/），看到當你點擊頂部菜單時，一組鏈接下拉。包含div設置爲隱藏帶Overflow-y的窗口滾動條設置爲滾動

#main-nav-drop{ 
    position:fixed; 
    overflow-y:scroll; 
}

但是，滾動時，實際的窗口滾動條隱藏在桌面和移動設備上。這是如何完成的？

來源

2013-05-09 cusejuice

在該網站上，它通過添加填充右：100px;導航元素。

來源

2013-05-09 07:49:29

有趣的解決方案。有沒有其他方法可以做到這一點？我正在製作一個畫外滑出響應菜單，並且需要滾動菜單。我正在研究Overflow.js，但想要移除出現的滾動條，使其看起來更像本機。 – cusejuice 2013-05-09 08:13:19

您可以設置overflow：hidden，跟蹤mousewheel事件，並通過滾動delta來更改scrollTop屬性。 https://github.com/brandonaaron/jquery-mousewheel可能會有所幫助。哪種解決方案更可能我不確定。 – 2013-05-09 08:25:54

隱藏帶Overflow-y的窗口滾動條設置爲滾動

回答

相關問題