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');
ご協力ありがとうございました!