[i]

【お使いの Snow Monkey のバージョン】
バージョン: 14.1.0
【お使いの Snow Monkey Blocks のバージョン】
バージョン 11.4.1
【お使いの Snow Monkey Editor のバージョン】
バージョン 5.0.6
【お使いのブラウザ】
Chrome
【当該サイトのURL】

柏　小学校

柏第一小学校 name5name4name3name2name1 柏第二小学校 name7name8name9…

www.hakutokuren.com

### 実現したいこと
サイドバーを投稿画面と別でスクローさせたいです。

### 発生している問題
投稿画面を下の方までスクロールしないと、サイドバーの下が見れないです。

### 試したこと

♥ 0

いいねをした人: 居ません

[GONSY]

サイドバーの項目が多いことが原因だと思いますが、スクロールさせるだけなら・・・

.wpco .contents-outline {
    height: 400px;
    overflow-y: scroll;
}

.contents-outlineの高さを決めて、スクロールさせる感じでしょうか。

.contents-outlineの高さを画面サイズに合わせるなら、JavaScriptでheightを変更できるようにすればいいと思います。（これについてはご自分で検索してみてください）

ほかのアイディアとして、サイドバーに「目次」ボタンを置き、再利用ブロックで【カラム】or【項目】ブロックで表現した各学校の一覧コンテンツを作成してショートコード化、それをオーバーレイウィジェットで表示できると、PCでの一覧性が向上するのではないかと思います。

♥ 4

いいねをした人:

[まーちゅう]

JavaScript 使うより vh で高さ指定するのが簡単だと思います。

.contents-outline {
    height: 90vh;
    overflow-y: scroll;
}

♥ 3

いいねをした人:

[GONSY]

まーちゅうさん

たしかに！
正確に高さを取らなくてもおおよそでいけますね！
フォローありがとうございます(^^

♥ 0

いいねをした人: 居ません

[i]

解決いたしました。

GONSYさん、まーちゅうさん
ありがとうございます。

♥ 1

いいねをした人:

[投稿者]

投稿