Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.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
如何使用css或JavaScript在内容溢出时始终显示滚动条_Javascript_Css - Fatal编程技术网

如何使用css或JavaScript在内容溢出时始终显示滚动条

如何使用css或JavaScript在内容溢出时始终显示滚动条,javascript,css,Javascript,Css,目前,overflow:auto仅在用户开始滚动时显示滚动条,在移动设备上滚动事件结束后隐藏滚动条(至少在android上,不知道iOS) 我以前认为没有css规则可以在溢出发生时始终显示滚动条,在内容合适时隐藏滚动条。今天我碰到了,如果你检查一下它的移动站点,它的代码块正是我想要的。我很快检查了它的css规则,它也是溢出:auto。所以我想知道css中有没有什么特别的技巧,当溢出发生时,它可以始终显示滚动条。如果没有,是否有任何简明的香草JavaScript代码可以实现这种效果。试试overf

目前,
overflow:auto
仅在用户开始滚动时显示滚动条,在移动设备上滚动事件结束后隐藏滚动条(至少在android上,不知道iOS)


我以前认为没有css规则可以在溢出发生时始终显示滚动条,在内容合适时隐藏滚动条。今天我碰到了,如果你检查一下它的移动站点,它的代码块正是我想要的。我很快检查了它的css规则,它也是
溢出:auto
。所以我想知道css中有没有什么特别的技巧,当溢出发生时,它可以始终显示滚动条。如果没有,是否有任何简明的香草JavaScript代码可以实现这种效果。

试试
overflow-y:scroll


参考资料:

在发布此问题之前,您是否在CSS中尝试了您自己的
overflow:auto
?是的,在我的网站和你推荐的MDN页面上,这条规则和我在帖子中描述的完全一样:当移动(android)浏览器出现溢出时,滚动条不会总是显示出来。这就是为什么我认为它的设计是如此。啊。是的,你指的是滚动条的移动实现,它超时并在大约1/2秒后消失?我想如果你只是设计滚动条的样式,它就会停止这样做@skylize样式滚动条就是这样做的。MDN建议不要在生产站点上使用它,所以我想我会在我的站点上保持滚动条不变。无论如何,很高兴知道样式滚动条可以防止它在手机上消失。它总是显示滚动条,即使内容适合容器。不是我想要的我以为那是你想要的抱歉