hycko.blog

昔の記事は上手く表示されないかもしれない。

jScrollPaneでshowArrows:trueのみを指定しても矢印が出ない場合

   

この記事は 6023回 閲覧されています

以下のコードで対応。

$(document).ready(function() {
$(‘.scroll-con’).jScrollPane({showArrows: true});
});

jqueryのfunctionのまとめ方によっては、上記の記述をしないと矢印自体が表示されないので注意。

一度出てしまえば、このスクリプトは素直でよろしい。
スクロールバー本体や矢印を装飾して実装したい場合は、このスクリプトがお奨めです。

jScrollPane – cross browser styleable scrollbars with jQuery and CSS

逆に jQuery custom scrollbar はまともに動作しなかった、俺の環境では。

 - IT

  • このエントリーをはてなブックマークに追加

Message

記事に意見や感想、質問があれば、お気軽にどうぞ~
名前は無記入でもOKです

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

no image
cssにtransitionが指定されているとjquery animateでeasingが効かない

タイトルで完結してますが。 cssの要素にtransitionが指定されていると …

no image
Google Trendsが優秀なマーケティングツールかもしれない

Google Trendsというのは、Googleで検索された語句の検索回数の推 …

no image
価格.comのビジネスモデル解説

知らない人は少ないと思うけど、一応簡単に説明すると、価格.comは「値段の比較サ …

no image
さくらのSSL導入・更新時に「送信されたデータは、このサーバで利用できない証明書です」と出る

さくらインターネットでSSLを設定しようとして、何回も表示されたこのエラー。 契 …

no image
shadowboxの背景色(overlay)の色を変更する方法

何故か日本語ページでヒットしなかったので。 shadowboxの実行を宣言すると …

no image
xreaからメール送信ができなくなったら

xreaもしくはxreaプラスを使っていて、いきなりメールができない状態になった …

no image
jScrollPane(jquery)のホイールでのスクロールスピードの変更方法

デフォルトだととてもスクロール量が小さく、遅いjqueryのjScrollPan …

no image
さくらVPSかGMOクラウドVPSを比較したけど

おかげさまで、今では自由にVPSの設定もできるようになってるので これを気に自分 …

no image
xreaのサイトが突然500エラーで表示されなくなった

管理しているxreaのサイトが突然500エラーで表示されなくなった。 500エラ …

no image
フォントインストーラーSAKURAでインストールしたフォントが消える現象

他のフォントインストーラーもそうなるのかもだけど。 ヒラギノをSAKURAでイン …