Wenn Sie auf iOS oder macOS sind, möchten Sie wahrscheinlich eine einfache Option haben, um den Scroll-Bounce-Effekt in Browsern in alle Richtungen auszuschalten. Es ist tatsächlich ein einfacher Trick mit nur einer Zeile CSS.
body {
overscroll-behavior: none;
}
Wenn dies aus irgendeinem Grund nicht funktioniert, können Sie eine weniger elegante Lösung ausprobieren.
html {
overflow: hidden;
height: 100%;
position: fixed;
}
body {
overflow: auto;
height: 100%;
position: relative;
}
Es gibt Optionen wie overscroll-behavior-x und overscroll-behavior-y. Hilfreich. Es scheint jedoch nicht möglich zu sein, einen benutzerdefinierten einseitigen oder mehrseitigen Overscroll des Viewports wie nur oben usw. auf diese Weise zu bearbeiten. Erfordert einige JavaScript.
dev.to
Prevent viewport scroll bounce effect
RSS Hunter
2025-03-11