使い方

$("foo").noScroll(styles, containerSelector);

foo には、スクロールに追随させたい要素のセレクタを指定します。

引数

styles

スクロールに追随させたい要素の CSS を調整する場合は、styles に CSS をオブジェクトで指定します。

containerSelector

スクロールに追随させたい要素の最上位の親要素のセレクタを指定します。追随させたい要素の高さがウィンドウサイズよりも大きい場合は、containerSelector を設定しないと無限にスクロール可能な状態になってしまいます。

サンプル

タイトル欄をスクロールに追随させたい場合は、user.js に以下のコードを書きます。また、styles に CSS を設定して、スクロール時に背景が透けて見えるようにしています。

$("#title").noScroll({'opacity': '0.8'});

なお、styles を指定せず containerSelector のみ指定する必要がある場合は、以下のように第一引数に null を渡して指定します。

$("foo").noScroll(null, "#hoge");