1. 老欧博客首页
  2. 好文分享

滚动条css怎么设置？，滚动条css设置方法

• 好文分享

很多朋友，会觉得默认的css滚动条样式是很丑的吧，稍微改下-webkit-scrollbar（滚动条整体样式）、-webkit-scrollbar-thumb（滚动条里面小方块样式）、-webkit-scrollbar-track（滚动条里面轨道样式）就ok了，要改什么样的就改什么样的css滚动条。

滚动条css怎么设置？，滚动条css设置方法

特别注意：

实现单个div里面的内容滚动，必需满足以下3个条件：

1、div必须设定固定的高度，不能使用百分比或 auto 等弹性值；

2、其中的内容高度必须超过它本身的高度；

3、必需要添加这个overflow:auto属性。

附：

overflow的属性和不同值得作用

1.overflow:visible;不剪切内容也不添加滚动条。默认值。使用该值时，无论设置的”width”和”height”的值是多少，其中的内容无论是否超出范围都将被强制显示;

2.overflow:auto;在需要时剪切内容并添加滚动条;

3.overflow:hidden;不显示超过对象高度的内容;

4.overflow:scroll;总是显示纵向滚动条;

5.overflow 水平及垂直方向内容溢出时的设置;

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

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

本站部分内容由互联网用户自发贡献，该文观点仅代表作者本人，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规等内容，请举报！一经查实，本站将立刻删除。
上一篇 2022-11-15 10:35:00
下一篇 2022-11-15 10:46:00

相关推荐

本站部分内容由互联网用户自发贡献，该文观点仅代表作者本人，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规等内容，请<举报！一经查实，本站将立刻删除。