ビューポートのスクロールバウンス効果を防ぐ

iOS や macOS で、ブラウザーのスクロールバウンス効果を簡単に無効にする方法を探している場合は、1 行の CSS で実現できます。 body { overscroll-behavior: none; } この方法がうまくいかない場合は、少し不格好な代替ソリューションを試すことができます。 html { overflow: hidden; height: 100%; position: fixed; } body { overflow: auto; height: 100%; position: relative; } overscroll-behavior-x や overscroll-behavior-y などのオプションもあります。便利ですが、この方法ではビューポートのカスタムの一方向や複数方向のスクロールバウンス効果（例えば上方向のみなど）を編集することはできません。JavaScript が必要です。