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!

html ios css scroll webkit Ood
quelle
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;
}
bertonc96
quelle
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:

jemand
quelle
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