当用户访问网页时(当页面没有足够的内容来触发滚动条的激活),需要什么CSS来使浏览器的垂直滚动条保持可见?
当前回答
html {
overflow-y: scroll;
}
这是你想要的吗?
不幸的是,当应用于HTML或BODY时,Opera 9.64似乎忽略了CSS声明,尽管它适用于其他块级元素,如DIV。
其他回答
我是这样做的:
html {
margin-left: calc(100vw - 100%);
margin-right: 0;
}
这样,我就不必在不需要滚动条时查看丑陋的灰色滚动条了。
html { height:initial!important; }
你可能不需要!important -这取决于使用的是什么CSS。
html {
overflow-y: scroll;
}
这是你想要的吗?
不幸的是,当应用于HTML或BODY时,Opera 9.64似乎忽略了CSS声明,尽管它适用于其他块级元素,如DIV。
把高度设置为101%是我解决这个问题的办法。 当你的页面在超过视口高度和不超过视口高度的页面之间切换时,你的页面将不再“轻弹”。
在过去的几年里,情况发生了变化。以上答案不再适用于所有情况。苹果正在到处推广消失滚动条。Safari, Chrome甚至是MacOs(和iOs)上的Firefox在实际滚动时只显示滚动条-我不知道当前的Windows/IE。然而,Webkit上有一些非标准的方法来设置滚动条的样式(IE很久以前就放弃了)。
推荐文章
- 流动网站还值得做吗?
- 使主滚动条始终可见
- 我如何迫使一个DIV块扩展到一个页面的底部,即使它没有内容?
- 我的立场:粘性元素在使用flexbox时不粘性
- 如何设置一个iframe src属性从一个变量在AngularJS
- 没有条纹/边框的引导表
- CSS类之间有什么区别。foo。Bar(不带空格)和。foo .bar(带空格)
- 如何使用jQuery等待CSS3过渡结束?
- 当悬停在一个子元素时,如何样式父元素?
- \9在width属性值声明中是什么意思?
- 设置CSS属性在JavaScript?
- 我怎样才能使整个HTML表单“只读”?
- 百分比高度HTML 5/CSS
- 我如何在网站上使用谷歌的Roboto字体?
- 如何禁用文本区域大小调整?