php滚动条设置,html滚动条样式设置的总结

我们之前的有介绍过关于css滚动条,div滚动条的设置,我们都知道滚动条的样式我们可以通过css来控制的,那html滚动条呢?今天就给大家介绍html滚动条样式设置的总结!

html中滚动条样式;

816b64ce023a0cb73b26872f0bbb2544.png

一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有三张“脸”:滑动条和两头的小方块。

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)

overflow-x水平方向内容溢出时的设置

overflow-y垂直方向内容溢出时的设置

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

  • 我用了这,超出了这高度的话就会出现纵向的滚动条,这纵向滚动条不好看,有没有办法去掉这纵向的滚动条,但超过了150高度的内容通过滚动鼠标滚轮还是能实现滚动?或者有没有办法通过上面和下面的按钮来实现滚动?

6d225c04a5b74d384a341d2538cf2abb.png

这段代码和上一段唯一的不同就是在css定义的元素上,一个是body一个是html。我们再测试一下,把html页面的“body”修改成“html”测试一下,发现依然可以实现效果。那到底是为什么呢?

f862f93a55cd8c464adc3fd859b53a37.png

本文所述是小编给大家介绍的html 隐藏滚动条和去除滚动条的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

html滚动条相关问答:

【相关文章推荐】:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值