すべてのブラウザーでMac OS X Lionスタイルのスクロールバーを作成するjQueryプラグインを知っている人はいますか?
前もって感謝します。
編集: Windowsユーザー向けの画像です
いくつかのgreatAntiscrollの特徴:
興味深いことに、私はまさにそれを行うプラグインを書きました。 LionBars と呼ばれます。
nanoScroller.js は、Coffeescriptでコード化されたjQueryプラグインであり、次のように機能します。 http://jamesflorentino.github.com/nanoScrollerJS/
scrollpane Jqueryプラグインは、最も近いものです。
lozenge デモを参照してください。
Lionのようにするには、トラックdivがホバーされたときにのみバーを表示するようにカスタマイズし、animateEase
関数を使用するようにします。
ああ、余分なApple goodnessはスクロールの方向を変更して、上下が上下するように変更します:-)
Lionがリリースされた日、私はOSのスクロールバーが大好きでした。ブラウザーには既に滑らかなデフォルトのスクロールバーがありますが、Windowsユーザーについてはどうでしょうか;)。
まだ作成中ですが、役に立つかもしれません: OSX Scroll
tinyscrollbar に基づいていますが、いくつかの調整を行いました。 (OSのように)自動非表示を有効にできます。ソースファイルをご覧ください。
それが役に立てば幸い。
出典:https://github.com/pixelass/customScrollBar
例:http://pixelass.github.io/customScrollBar/
このプラグインは、実際にアンチスクロールまたはナイススクロールよりも正確にスクロールバーを複製します。など。
プラグインは、スクロールバー(現在は垂直のみ)を完全に制御でき、mousewheel.jsを必要としません(ほとんどのプラグインのように)この依存関係を取り除くことが私のバージョンの主な目標でした。
また、(アンチスクロールが行うように)スクロールイベントもリッスンします。スクロールバーのフェードインとホバーのサイズ変更は、私が見つけた他のすべてのプラグインにありませんでした。私のバージョンには、この効果を実現する方法を示す例が含まれています。
ユーザーのスクロールが終了したとき、またはscroll-bar-thumbがクリックされたときに発生するオプションの(疑似)イベントリスナー「scrollEnded」「clicked」があります。
このプラグインでは、クリック矢印(上下矢印)として、考えられるほぼすべてのスタイルとスクロールバーの設定も可能です。
これはまだアルファ版(投稿の時間)ですが、時間の経過とともに開発は継続されます。
プラグインを使用: scrollYo
単純なアプローチを使用して、独自の要素内にスクロールを作成します。したがって、ロールするために要素を追加する必要はありません。
jScrollPaneに少し変更を加えるだけで十分です。
これ は、それに関するチュートリアルです。
This 1つはMacのものと同様のスクロールバーがあり、インストールが非常に簡単です。基本的にcssで好きなスキンを適用できます。
nanoscroller
またはnicescroller
は、スムーズなスクロールに適したオプションです。