CSS: Deaktivieren Sie den Bounce-Effekt für das Scrollen unter iOS 13


8

In den Versionshinweisen zu Safari 13 wird angegeben, dass Folgendes nicht mehr auf ein Element angewendet werden muss, um den Bounce-Scroll-Effekt zu aktivieren:

div {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* No longer needed */
}

Mit dem folgenden Code kann ich diesen Effekt jetzt jedoch nicht mehr deaktivieren :

div {
  overflow-x: scroll;
  -webkit-overflow-scrolling: auto;
}

Ich brauche das für ein Karussell, an dem ich arbeite. Irgendeine Idee, wie man das Problem behebt? Vielen Dank!


2
Haben Sie versucht hinzuzufügen, scroll-snap-type:noneich bin nicht sicher, ob es funktionieren wird, aber ob der Sprung durch Scroll-Snap verursacht wird, der es möglicherweise stoppen könnte.
Barkermn01

Versuchen Sie diese Lösung. Es könnte gehen. bram.us/2016/05/02/…
MTBthePRO

@ MartinBarker Scroll-Snap-Typ ändert leider nicht das "Overscroll" -Verhalten ...
Ood

@ MTBthePRO Diese Lösung funktioniert auch nicht mehr ...
Ood

@Ood Hast du eine Lösung gefunden? Bitte teilen.
VAdaihiep

Antworten:


1

Ich denke, Sie sollten versuchen, dies mithilfe der Überlaufeigenschaft zu ändern, die in Safari das Verhalten des springenden Bildlaufs blockiert. Dazu müssen Sie im übergeordneten Container Ihres Scrolling-Div Folgendes einstellen:

overflow: hidden;

und dann in deinem div so etwas einstellen:

div {
  overflow: auto;
}

Ich habe es versucht und leider funktioniert es nicht mehr. :(
Ood

-1

Ich weiß nicht, ob ich das wirklich richtig verstehe, aber hier geht es! :) :)

Können Sie diese Codezeile nicht einfach aus Ihrer Datei entfernen?

Sie könnten auch versuchen zu schreiben -webkit-overflow-scrolling: auto; !important

Hoffe das hat geholfen:


Leider scheint -webkit-overflow-scrolling nicht mehr zu funktionieren ...
Ood

1
Fand dies, nicht sicher, ob dies das ist, was Sie brauchen, aber einen Versuch wert: github.com/lazd/iNoBounce
JolandaK
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.