自定义滑动框

最新推荐文章于 2024-12-02 10:05:27 发布

习惯....

最新推荐文章于 2024-12-02 10:05:27 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

文章标签： css

本文链接：https://blog.csdn.net/Fidgety/article/details/114135349

博客提及了CSS和HTML，并给出一个引用链接https://zhidao.baidu.com/question/751454776548850204.html ，主要围绕信息技术中的前端开发相关内容。

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

css：

.stockRanking::-webkit-scrollbar{ width:1px; background:#000; /*外层轨道*/}
.stockRanking::-webkit-scrollbar-thumb{ display:block; width:1px; margin:0 auto; background: #F0F3EF;/*内层轨道*/}

html：

<div class="stockRanking" style="overflow: auto;" >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
            <div >商品名称</div >
        </div>