修改tab页滚动条样式

复制链接 | 收藏本帖

2374

楼主

原有的修改滚动条样式，使用到tab页中只能在首次显示的tab标签页中生效，其他标签页中没有效果。
效果如图所示：

//指定tab标签页代号id，每一个标签都对应一个id
addStyleSheet("#HHH43{overflow:hidden !important}"); //使用多个标签页需要复制这行修改容器id
addStyleSheet(".scrollBarContainerClass{width:5px !important;}"); // 修改滚动条宽度
addStyleSheet(".scrollBarClass{border-radius:10px !important;background-color:#111F78 !important;}"); //修改滚动条颜色
include("vfs/root/demojs/slimscroll.js");
// 使用多个标签页需要复制下面代码，修改对应容器id
//该行中和最后一行 'intervalId ' 复制后需要重新修改名字
var intervalId = window.setInterval(function(){
if($("#HHH43")[0].offsetHeight==0){
}else{
new slimScroll($("#HHH43")[0], {
'wrapperClass': '',
'scrollBarClass': 'scrollBarClass',
'scrollBarContainerClass': 'scrollBarContainerClass',
'scrollBarContainerSpecialClass': '',
'scrollBarMinHeight': '',
'scrollBarFixedHeight': '',
'keepFocus': true
});
clearInterval(intervalId);
}
}, 50);//设置时间间隔 '毫秒'