解决IE11滚动条样式丢失
今天给大家分享一下我在工作中遇到的一个小问题,那就是IE11滚动条右侧的样式丢失。一开始我使用的是 NiceScroll 插件。兼容性不是很好,你应该使用一些IE11不支持的属性。解决办法是使用mCustomScrollbar.js插件,该插件对IE的兼容性做得很好。
案例代码为:
html:
js文件:
//初始化要滚动的存储 $(".jx-text").mCustomScrollbar({scrollbarPosition: "外部", 设置顶部:0, autoDraggerLength:true 始终显示滚动条:2, 鼠标滚轮: { enable:确实如此 } });
如果需要更改样式,可以这样更改:
//较少文件 //设置滚动条样式: .mCSB_scrollTools .mCSB_draggerRail{ 宽度:2px; 背景颜色:#cdb383; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 宽度:6 像素; 背景颜色:#a48a59!重要; } .mCSB_scrollTools{ 宽度:10px; } .mCSB_outside + .mCSB_scrollTools{ 右:-10px; }
以上是我的分享,希望可以帮助到需要兼容IE11的朋友。
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。