ページ上のスクロールバーのスタイル

Question

スタイルのスクロールバーをページに置くことを愛するデザイナーのサイトに取り組んでいます（右側のメインスクロールバーは固定ですが、コンテンツがオーバーフローしたときにページ上の高さのdiv）。

私はこの練習が「正しい」かどうかについては問いませんし、ユーザーエクスペリエンスに関しては悪い考えであると一般に認められていますが、クライアントが現在期待していることは変わりません彼らのサイトを参照してください。

誰もこれを行うための比較的バグのない、クロスブラウザの方法を知っていますか？私が今まで見てきた例は、Skinned HTML Scrollbar,Ajaxian Webkit、jScrollPaneですが、これまでにこの機能を達成した人から聞きたいことがあります。

ありがとうございます。

Answer 1

過去にクライアントとデザイナーがスクロールバーをカスタマイズしたいと思ったとき、jQueryを使用しました。ボックスの側面にdivを貼り付け、それをドラッグして限界間でドラッグすることができます（スクロールオフセットを設定する位置を解釈するのは簡単です）。

マウスホイールを使用してスクロールしたい場合、またはミドルクリックする場合、何が起こるかを考慮する必要もあります。それらはブロッカーではありませんが、スクロールバーの位置を更新するリスナーを作成する必要があります。

あなたがそれをするべきかどうかは、まったく異なる質問です。確かにあなたはカスタムJSに頼るだけではありません。 JSがスクロールバーを無効にし、JSを使用してすべてのコントロールをペイントします。これをしないと、JSが無効/ブロックされているユーザーはあなたのサイトを使用できなくなります。