Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将Overflow-y设置为滚动时隐藏窗口滚动条_Javascript_Css_Touch_Overflow - Fatal编程技术网

Javascript 将Overflow-y设置为滚动时隐藏窗口滚动条

Javascript 将Overflow-y设置为滚动时隐藏窗口滚动条,javascript,css,touch,overflow,Javascript,Css,Touch,Overflow,我偶然发现了这个网站Teehan and Lax(),看到当你点击顶部菜单时,一组链接掉了下来。包含的div被设置为 #main-nav-drop{ position:fixed; overflow-y:scroll; } 但是,当滚动时,实际的窗口滚动条会隐藏在桌面和移动设备上。这是如何做到的?在该站点上,它是通过添加右边的填充来实现的:100px;到导航元素。有趣的解决方案。还有其他方法吗?我正在开发一个非画布滑动响应菜单,需要该菜单可滚动。我正在查看Overflow.js

我偶然发现了这个网站Teehan and Lax(),看到当你点击顶部菜单时,一组链接掉了下来。包含的div被设置为

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

但是,当滚动时,实际的窗口滚动条会隐藏在桌面和移动设备上。这是如何做到的?

在该站点上,它是通过添加右边的填充来实现的:100px;到导航元素。

有趣的解决方案。还有其他方法吗?我正在开发一个非画布滑动响应菜单,需要该菜单可滚动。我正在查看Overflow.js,但希望删除显示的滚动条,使其看起来更像本地的滚动条。您可以设置Overflow:hidden、跟踪鼠标滚轮事件,并通过scroll delta更改scrollTop属性。可能会有帮助。我不确定哪种解决方案更有可能。