我正在尝试向我的div添加自定义滚动条。我已经尝试了很多,这是我现在使用的,但是没有一个能在我想要的div中工作。
http://manos.malihu.gr/jquery-custom-content-scroller/
所以,首先:
我需要滚动条在#sidebar-friends div中工作,因为那里附加了数据。当我把它放到#sidebar-wrapper时,它可以正常工作。
基本上,这是我的HTML部分:
<div id="sidebar-wrapper">
<div id="sidebar-right">
<a href="javascript:void(0)" style="text-decoration:none;color:white;" id="activatesidebar" data-name="show"><img style="vertical-align: middle" id="sidebar-icon" src="/templates/v1/assets/img/users-sidebar.png"></a>
<span id="friendsloadertxt" style="display: none; margin-right: 5px">Loading friend list..</span>
<i style="display: none;" id="friendsloader" class="fa fa-circle-o-notch fa-spin"></i>
<hr id="sidebar-spacer" style="display: none; opacity:0.7">
<div id="sidebar-friends">
</div>
</div>
</div>
CSS:
#sidebar-friends {
position: relative;
}
#sidebar-wrapper{
position: fixed;
right: 0;
top: 19%;
max-height: 350px;
overflow: hidden;
}
#sidebar-right {
position: relative;
width: 78px;
float:right;
background:rgba(0,0,0,0.85);
color:white;
border-radius: 10px 0px 0px 10px;
margin-right:-10px;
transition: width 1.5s;
overflow: hidden;
}
javascript部分:
$("#sidebar-friends").mCustomScrollbar({
axis: 'y',
theme: 'minimal',
mouseWheel: {
enable: true
},
scrollbarPosition: 'inside'
});
有人可以帮我这个吗?