首页 >> 大全

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

2023-09-05 大全 36 作者:考证青年

滚动轴 设置宽度

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

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

浏览器滚动条宽度_前端列表滚动_

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

所需要的修改,需要下载两个文件,一个css 一个js 在页面中引入(文件请在我的资源中下载压缩包)

前端列表滚动_浏览器滚动条宽度_

html :div中class样式中,添加样式(注意 不要再写)

ts :

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

就OK了 ,超级简单

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了