我们之前的有介绍过关于css滚动条,div滚动条的设置,我们都知道滚动条的样式我们可以通过css来控制的,那html滚动条呢?今天就给大家介绍html滚动条样式设置的总结!
html中滚动条样式;
一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有三张“脸”:滑动条和两头的小方块。
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
这段代码和上一段唯一的不同就是在css定义的元素上,一个是body一个是html。我们再测试一下,把html页面的“body”修改成“html”测试一下,发现依然可以实现效果。那到底是为什么呢?
本文所述是小编给大家介绍的html 隐藏滚动条和去除滚动条的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。
html滚动条相关问答:
1.html5 - 百度Ueditor代码高亮和代码段滚动条冲突是怎么回事?
2.html - css 的::-webkit-scrollbar 只能够设置垂直滚动条的宽度??如何设置水平滚动条的宽度??
3.css3 - 随着滚动条下滑,页面的每个部分随之出现效果是怎么做到的
【相关文章推荐】:
以上是html滚动条样式设置的总结的详细内容。更多信息请关注PHP中文网其他相关文章!