解决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前端网发表,如需转载,请注明页面地址。
code前端网

发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。