像teehan + lax网站一样隐藏滚动条

时间:2014-02-20 19:43:20

标签: jquery css scroll hide overflow

我有一个非常适合teehan + lax网站的导航,并且想要在点击“菜单”时隐藏滚动条,并且仍然可以滚动。

喜欢这里:teehanlax.com

我尝试使用溢出:隐藏在带溢出的容器上:滚动内容但它没有隐藏滚动条。

我也经历过发布到stackoverflow的相同问题,但没有人回答我的问题,我想这里有一个例子可以帮助你帮助我。

感谢您的时间。

1 个答案:

答案 0 :(得分:0)

看起来他们正在使用100px右边填充的固定位置来隐藏屏幕上的滚动条。由于你不能在x轴上滚动,即使它在那里你也永远不会看到它。这是相关的CSS。

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

Here's the jsfiddle