web-dev-qa-db-ja.com

jQueryを備えたLionのようなスクロールバー?

すべてのブラウザーでMac OS X Lionスタイルのスクロールバーを作成するjQueryプラグインを知っている人はいますか?

前もって感謝します。

編集: Windowsユーザー向けの画像です

enter image description here

49
Tronic

AntiscrollはおそらくbestすべてのブラウザでMac OS X Lionスクロールバーを再作成するプラグインが利用可能です。

いくつかのgreatAntiscrollの特徴:

  1. フェードインとフェードアウト
  2. コンテナのサイズは動的に調整でき、スクロールバーは適応します
  3. マウスホイール、トラックパッド、その他の入力デバイスをネイティブにサポート
  4. ホバリング時にスクロールバーを表示します
  5. サポートIE7 +、Firefox 3 +、Chrome、Safari、Opera

enter image description here

デモ: http://automattic.github.io/antiscroll/

42
Nathan

興味深いことに、私はまさにそれを行うプラグインを書きました。 LionBars と呼ばれます。

43
Nikolay Dyankov

nanoScroller.js は、Coffeescriptでコード化されたjQueryプラグインであり、次のように機能します。 http://jamesflorentino.github.com/nanoScrollerJS/

13
Murat Çorlu

scrollpane Jqueryプラグインは、最も近いものです。

lozenge デモを参照してください。

Lionのようにするには、トラックdivがホバーされたときにのみバーを表示するようにカスタマイズし、animateEase関数を使用するようにします。

ああ、余分なApple goodnessはスクロールの方向を変更して、上下が上下するように変更します:-)

3
Ash

Lionがリリースされた日、私はOSのスクロールバーが大好きでした。ブラウザーには既に滑らかなデフォルトのスクロールバーがありますが、Windowsユーザーについてはどうでしょうか;)。

まだ作成中ですが、役に立つかもしれません: OSX Scroll

tinyscrollbar に基づいていますが、いくつかの調整を行いました。 (OSのように)自動非表示を有効にできます。ソースファイルをご覧ください。

それが役に立てば幸い。

3
FinchSol

これは古い質問です。しかし、誰かが私のバージョンにまだ興味があるかもしれません。

出典:https://github.com/pixelass/customScrollBar

例:http://pixelass.github.io/customScrollBar/

このプラグインは、実際にアンチスクロールまたはナイススクロールよりも正確にスクロールバーを複製します。など。

プラグインは、スクロールバー(現在は垂直のみ)を完全に制御でき、mousewheel.jsを必要としません(ほとんどのプラグインのように)この依存関係を取り除くことが私のバージョンの主な目標でした。

また、(アンチスクロールが行うように)スクロールイベントもリッスンします。スクロールバーのフェードインとホバーのサイズ変更は、私が見つけた他のすべてのプラグインにありませんでした。私のバージョンには、この効果を実現する方法を示す例が含まれています。

ユーザーのスクロールが終了したとき、またはscroll-bar-thumbがクリックされたときに発生するオプションの(疑似)イベントリスナー「scrollEnded」「clicked」があります。

このプラグインでは、クリック矢印(上下矢印)として、考えられるほぼすべてのスタイルとスクロールバーの設定も可能です。

アルファ

これはまだアルファ版(投稿の時間)ですが、時間の経過とともに開発は継続されます。

2
user950658

プラグインを使用: scrollYo

単純なアプローチを使用して、独自の要素内にスクロールを作成します。したがって、ロールするために要素を追加する必要はありません。

1
silviomoreto

jScrollPaneに少し変更を加えるだけで十分です。

これ は、それに関するチュートリアルです。

0
roxes

This 1つはMacのものと同様のスクロールバーがあり、インストールが非常に簡単です。基本的にcssで好きなスキンを適用できます。

0
mattie

nanoscrollerまたはnicescrollerは、スムーズなスクロールに適したオプションです。

0
Ayush Rastogi