前端 浏览器滚动轴宽度设置

滚动轴 设置宽度

一般的处理方法针对IE浏览器是无效的,此方法针对IE有效。颜色等可以在css样式中修改

需求:浏览器默认的滚轴是很宽的,比较占空间不美观,以横向滚轴为例,浏览器默认的:

本文是我们修改为了下图这样的:

所需要的修改,需要下载两个文件,一个css 一个js  在页面中引入(文件请在我的资源中下载scrollBar压缩包)
html   :div中class样式中,添加scrollBar样式(注意 不要再写overflow)

ts   :

$(".scrollBox").scrollBar({
      barWidth: 5, //滚动条的宽度(这里根据需要写数值即可,不设置是10,即默认10px)
      position: "x,y", //写“x”代表只出水平滚动条,写“y”表示只出垂直滚动条,写“x,y”则出水平和垂直滚动条(只有在内容超出容器时才出现滚动条)
      wheelDis: 15, //滚轮滚动一次向下或向上滚动的距离,默认是15,可根据需要修改数值
    });

就OK了 ,超级简单

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值