【css】cssでスクロールを禁止にする（PC用）

デスクトップパソコンやノートパソコンでスクロールを禁止にする方法

それは簡単！

cssファイルでhtmlとbodyに「overflow: hidden;」を指定するだけ。

ここでは実演はしません。※スクロールできなくなってしまうので。

※この方法ではスマホではスクロール禁止にはなりません。

[index.css]

/* スクロール禁止（PC用） */
html, body{
  overflow: hidden;
}

スマホでのスクロール禁止方法以下の記事を参照

【javaScript】でスクロールを禁止にする（PC、スマホ対応）

前回、cssでPCでのスクロール禁止にする方法を紹介しました。（PCでのみスクロール禁止可能）そこで今回は、スマホでもスクロール（タッチ操作）禁止にする方法を紹介します。スマホの場合は、cssではなくjavaScriptでの実装が必要です。...

programming.sincoston.com

2019.05.15