如何使用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建议不要在生产站点上使用它,所以我想我会在我的站点上保持滚动条不变。无论如何,很高兴知道样式滚动条可以防止它在手机上消失。它总是显示滚动条,即使内容适合容器。不是我想要的我以为那是你想要的抱歉