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

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!

— Ood
quelle

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:

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

Fand dies, nicht sicher, ob dies das ist, was Sie brauchen, aber einen Versuch wert: github.com/lazd/iNoBounce

— JolandaK