简述滚动条的操作方法

简述滚动条的操作方法,第1张

设置滚动条样式 可以通过如下步骤

1.创建一个名为CssOverFlow.html的新html文件(如果你有html编辑工具,使用该工具创建它。如果没有工具,可以先创建一个文本文件,然后修改文件名)

2.【默认溢出样式】代码如下(当外层的高度和宽度小于内层内容的高度和宽度,并且设置了overflow:auto时,会生成一个滚动条)

3.【默认溢出样式】运行效果如下(生成水平和垂直滚动条)

4.【修改溢出样式】代码如下(修改滚动条的宽度和背景颜色)

5.【修改溢出样式】的操作效果如下(宽度缩小,背景颜色改变)

6.只要滚动条在水平方向,隐藏垂直滚动条。使用代码:overflow-x:auto;溢出-y:隐藏

7.只要使用垂直方向的滚动条,水平滚动条就会被隐藏。使用代码:overflow-x:hidden;溢出-y:自动

欢迎分享,转载请注明来源:聚客百科

原文地址: http://juke.outofmemory.cn/life/887475.html

()
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-07-25
下一篇 2022-07-25

发表评论

登录后才能评论

评论列表(0条)

保存