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

zerowsy

已于 2022-12-15 11:30:41 修改

阅读量631

点赞数 2

CC 4.0 BY-SA版权

文章标签： html 前端 javascript

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

本文链接：https://blog.csdn.net/zerowsy/article/details/127055668

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

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