Mac OS X Lionスタイルの垂直ページコンテンツのスクロール

こんにちは、Habr!



少し前まで、私はスクロールバーの近代化に関するトピックに非常にカテゴリ別のコメントを残し、文字通り、数日のうちにその(スクロールバー)近代化の問題を自分で解決せざるを得ませんでした。 そのため、標準のスクロールバーのプロジェクトの1つのユーザーインターフェイスで場所を見つけることができますが、それは非常に望ましくありません。 可能なすべてのオプションの中で、新しいGmailのスクロールバー間のクロスが選択されました。タスクはMac OS X Lionに似ているためです。 私はjsとjQueryで武装し、これが生まれました。



画像



スクリプトは 、特定のクラスの「画面」でブロックをスクロールします。ただし、スライダーをドラッグするか、マウスホイールを回すことで、画面の境界を越えます。 ホイールでスクロールするとき、またはマウスカーソルが画面の右端に近づくと、スクロールバーが表示されます。 ウィンドウのサイズを変更すると、それに応じてスライダーのサイズと位置が変わります。



作業には、 jQueryおよびjQuery UIコンポーネント-ドラッグ可能、および通常のブラウザー(IE8では悲しいことに動作しません)が必要です。



現在のバージョンで解決されていない問題:テキストのスケールを変更する際の処理が正しくありません



計画:前の段落で説明したドラッグ可能オブジェクトを取り除き、jQueryプラグインとして配置し、IE8で動作するようにします(主な問題はonmousewheelイベントの動作です)、Gorbunov infoskrollerの機能を追加します。



実例へのリンク

イベントのコード、インクルード、スタイル、およびハンギング関数-ソース内。



シムについては、このエッセイが不必要にならないことを願っています。




All Articles