隱藏像teehan + lax網站的滾動條

Question

我有一個導航，非常重新組合teehan +寬鬆的網站，並希望隱藏滾動條時，單擊「菜單」，仍然可以滾動。

喜歡這裏：teehanlax.com

我使用溢出試過：隱藏的溢出-Y在容器上：滾動的內容，但它沒有隱藏滾動條。

我也經歷了相同的問題發佈到stackoverflow但他們都沒有回答我的問題，我認爲有一個例子在這裏將幫助你來幫助我。

謝謝你的時間。

Answer 1

看起來他們正在使用固定位置和100px右邊距來隱藏屏幕上的滾動條。既然你不能在x軸上滾動，即使它在那裏，你也不會看到它。這是相關的CSS。

.scrollWindow{ 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    overflow-y: scroll; 
    padding-right: 100px; 
} 

Here's the jsfiddle