• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:デザインされたスクロールバーについてです)

デザインされたスクロールバーを使用する方法と注意点

このQ&Aのポイント
  • デザインされたスクロールバーを使用する際には、flexcrollというファイルをダウンロードします。詳細な設置方法は以下のサンプルを参考にしてください。
  • 同じスクロールバーを異なるサイズで複数設置する場合、CSSだけでは指定ができません。しかし、2つのjavascriptファイルを用意し、CSSのクラス名を変更することで、複数の異なるサイズのスクロールバーを設置することができます。
  • デザインされたスクロールバーを使用する際は、注意点があります。まず、ファイルのダウンロードと設置方法については、正しいファイルを使用し、サンプルを参考にすることが重要です。また、複数の異なるサイズのスクロールバーを設置する際は、javascriptファイルとCSSのクラス名を適切に変更することが必要です。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

ほかのカテゴリでも同じような質問をなさっているみたいですが、どちらかにしたほうがよろしいかと… 試していませんが(画像を揃えたりが面倒なので)、覗いてみたところ、 参照なさっているページのリンク先のページでは同じページ内に違う種類のスクロールバーを適用しているみたいですね。 それぞれのdivのidがtest1、test2、test3となっていますが、それに対するCSSの設定ファイルがflexcrollstyles.cssだと思われます。 これを見てみると、マスターの設定のあとに「/* Extra sample styles */」として個々のid下でスクロール関係のクラスのスタイル設定が別にされているようですので(test2とtest3のみ)、このような設定をしておいて  CSBfleXcroll('test1'); のように指定すれば適用できるのではないでしょうか? (参照ページがそのような方法をとっていると思われるので) ほとんど説明などを読んでいないので(英語が苦手)、かなり適当な推測ですが、質問者様はすでに設置はできているとのことなので、その情報で補ってくだされば、いけそうな気がしますが…(←少々無責任か?)

nanachan08
質問者

お礼

ありがとうございました!自分でもtest1を確認してみました。 範囲はそちらで指定出来たのですね、、 できないと思っていたので助かりました!

関連するQ&A