隐藏像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