Code前端首页关于Code前端联系我们

解决IE11滚动条样式丢失

terry 2年前 (2023-09-07) 阅读数 207 #CSS
文章标签 JavaScript代码小记

今天给大家分享一下我在工作中遇到的一个小问题,那就是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前端网发表,如需转载,请注明页面地址。

发表评论:

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

热门