javascript - niceScroll光标高度

我正在使用jquery nicescroll（http://areaaperta.com/nicescroll/）。

我想通过添加cursorminheight参数来调整光标的高度，这似乎很简单。这是行不通的。

的HTML

<div class="viewport-scrollbox">
<div class="wrapper-content-scrollbox">
    <ul class="client-gallery">
    <li><img src="image1.jpg" alt="" /></li>
    <li><img src="image2.jpg" alt="" /></li>
    <li><img src="image3.jpg" alt="" /></li>
    </ul>
</div><!--close wrapper-content-scrollbox-->
</div><!--close viewport-scrollbox-->

的CSS

.viewport-scrollbox{
height:500px;
overflow:auto;
margin-bottom:20px;
margin-right:auto;
margin-left:auto;
}

JS

<script src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(
  function() {
    $("html").niceScroll({cursorwidth:10}); /* main scrollbar on page*/
    $(".viewport-scrollbox").niceScroll(".wrapper-content-scrollbox",{touchbehavior:false,cursorcolor:"#898989",cursoropacitymax:0.7,cursorwidth:6,background:"#ccc",autohidemode:false});/*customize scrollbar for gallery*/
    $("#ascrail2001").css({'top': '14px','right':'22px'});/*position scrollbar for gallery*/

  }
);
</script>

我尝试了这2个无效的选项：

$(".viewport-scrollbox").niceScroll(".wrapper-content-scrollbox",{touchbehavior:false,cursorcolor:"#898989",cursoropacitymax:0.7,cursorwidth:6,background:"#ccc",autohidemode:false,cursorminheight:50});

和

$("div#ascrail2001.nicescroll-rails div").css('height','50px');

谢谢您的帮助！

最佳答案

您可以使用尼斯滚动的内置功能。如下所示。

$(yourElement).niceScroll({
    cursorfixedheight: 70
});

希望这可以帮助！！

关于javascript - niceScroll光标高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18858611/