Question

我正在尝试向我的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'
});

有人可以帮我这个吗？

自定义滚动条不在div中工作

0 个答案: