サポート » 使い方全般 » サイドバーの固定ページ一覧にスクロールバーを付ける

  • 解決済 3mcdt

    (@3mcdt)


    テーマはLightningで、ホームページを作っています。

    サイドバーに固定ページの一覧ウィジェットを付けているのですが、ここにスクロールバーを付けてメインエリアとは別々にスクロール可能にしたいです。

    現状では、メインエリアでほぼ最下端までスクロールしないと、サイドバーの一覧の下の方を見ることが出来ません。

    そうしたプラグインがあるのではないかと思って探してみましたが見当たりませんでした。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • 3mcdtさん、こんにちは。

    単純にCSSでoverflowを指定してみてはいかがでしょうか。
    ひとつの例ですが、

    .sub-section {
    	overflow:auto;
    	height: 50vh;
    }

    を追加CSSに入れてみるとスクロールを表示させることはできます。

    ご参考になれば。

    トピック投稿者 3mcdt

    (@3mcdt)

    shokun0803さん

    度々の回答ありがとうございます。

    overflowを追加CSSでやってみました(コピペしただけですが)が効果がありませんでした。autoの前にスペースが要るかと思いそれもやってみましたが効果なし。特定のページでの追加CSSも試しましたがやはり駄目でした。

    クイックレファランスというサイトでoverflow+autoを確認しましたが、確かにこれは私が使いたいものです。となると、素人考えですが、.sub-sectionの部分が適切ではないのでしょうか。

    3mcdtさん、こんにちは。

    Lightningだとのことで、テスト環境で試してみましたが、ブロックウィジェットで生成されるコードですので、Classが違うかもしれませんね。
    LightningのV2でセクションのClassはsubSectionですようなので、

    .subSection {
    	overflow:auto;
    	height: 50vh;
    }

    としてみるのはいかがでしょうか。
    もしかしたらV3とV2では書き出すコードが違うかもしれません。

    適用されないようでしたらデベロッパーツールでサイドバーのセクションのClassを調べてみてください。
    ご参考になれば。

    トピック投稿者 3mcdt

    (@3mcdt)

    shokun0803さん

    お陰様で出来ました。

    Lightninngの種類によってはコードが違うこともあるのですね。どうもまだデベロッパーツールの見方が十分出来てないです。

    丁寧なご指導をありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「サイドバーの固定ページ一覧にスクロールバーを付ける」には新たに返信することはできません。