我正在使用 custom scrollbar ,添加一个滚动条非常容易,但是如果我想添加第二个,他们会两次使用一个 mCustomScrollbar.css 我不知道如何更改第二个 div。我正在查看 demo custom scrollbar 上的代码但这只是失败。
JQUERY
(function($){
$(window).load(function(){
$(".suwak").mCustomScrollbar();
});
})(jQuery);
HTML
<link href="scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<div class="suwak"> content with first scrollbar </div>
<div class="suwak2"> content with second scrollbar </div>
一些简单的CSS
.suwak{
position:relative;
width:475px;
height:300px;
background-color: #000e1b;
color: white;
overflow:hidden
margin-top:160px;
margin-left: 15px;
}
最佳答案
只需在 div 上添加另一个带有 class="suwak"的类,这将运行你的滚动条,你的第二个类将帮助覆盖你的第一个类。在 css 中,你说的是,如果某物同时具有两个类,请使用新样式。在 css 中,您的选择器将是 .suwak.suwak2,在 css 中类之间没有空格。
<div class="suwak"> content with first scrollbar </div>
<div class="suwak suwak2"> content with second scrollbar </div>
.suwak{
position:relative;
width:475px;
height:300px;
background-color: #000e1b;
color: white;
overflow:hidden
margin-top:160px;
margin-left: 15px;
}
.suwak.suwak2 {
/*new stile*/
}
关于javascript - 两个滚动条使用相同的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18894375/