以下のコードで対応。
$(document).ready(function() {
$(‘.scroll-con’).jScrollPane({showArrows: true});
});
jqueryのfunctionのまとめ方によっては、上記の記述をしないと矢印自体が表示されないので注意。
一度出てしまえば、このスクリプトは素直でよろしい。
スクロールバー本体や矢印を装飾して実装したい場合は、このスクリプトがお奨めです。
jScrollPane – cross browser styleable scrollbars with jQuery and CSS
逆に jQuery custom scrollbar はまともに動作しなかった、俺の環境では。
コメントを残す