在html网页中给div标签加上一个滚动条

原创已于 2022-12-15 11:30:41 修改 · 607 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript

于 2022-09-26 16:21:09 首次发布

本文介绍如何使用CSS自定义网页中滚动条的样式，包括设置滚动条的宽度、高度等属性，适用于希望提升网站用户体验的前端开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <div style="height:100px;overflow-y:auto">//滚动条显示的高度自定，这里是100px,overflow-y:auto是y轴方向上的滚动条
                                    <style>
                                        ::-webkit-scrollbar {
                                            width: 7px;//滚动条本身的宽度
                                            height: 100%;
                                        }
                                <div class="要加滚动条的内容">
                                    </style>
                                </div>                               
                                </div>