CSS 内部要素のスクロールだけ可能にする

スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。

body {
    overflow: hidden;
}

div.long-content {
    height: -webkit-fill-available;
    overflow: scroll;
}

div.long-contentの要素はスクロール可能になる。古いブラウザは無理。以下例。表示されない場合は、Scrollable or not - JSFiddle

書いた後に見かけたが、cssでheightに100%を指定しても高さが画面いっぱいにならない問題 - diwao日記の方法で高さを指定してもいいかも。これなら、古いブラウザも出来そう。

自分のはElectronだからまあいいや。

タイトルとURLをコピーしました