Ich brauche Deaktivieren Sie die Inertial Scrolling auf dem Körperelement für iPad, aber behalten Sie die Fähigkeit, die Seite ohne die Trägheit zu scrollen.Wie Inertial Scrolling auf Körper für iOS-Browser deaktivieren?
Ich habe seit einiger Zeit gesucht, aber ich habe keine guten Lösungen gefunden. Vielleicht suche ich einfach nicht das Richtige? Gibt es einen Hack oder Workaround, der das möglich machen könnte?
Sie div mit Überlauf-Eigenschaft verwenden können, töten sie glatt iOS bewegen
<body>
<div class="scroll">
long long text...
<div>
</body>
Css
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
}
.scroll {
overflow: auto;
height: 100%;
}
Ich habe inobounce verwendet, die here
gefunden werden kann Sie werden bemerken Sie eine height Eigenschaft und overflow: auto auf das Element angeben müssen Sie scrollbaren möchten, einschließlich -webkit-overflow-scrolling: touch;. Die Dokumentation macht einen guten Job.
hinzufügen Zu den body Elements CSS:
-webkit-overflow-scrolling: auto;
Der Standardwert für -webkit-overflow-scrolling ist touch. Das weist iOS-Geräte an, "inertiales" Scrollen zu verwenden. Die Dokumentation: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling
@meuwka Antwort erreicht Ihr Ziel, aber auf Umwegen - es funktioniert, weil div Elemente -webkit-overflow-scrolling: auto; als Standard haben.
Diese Arbeit, aber zu einem Preis. Sie verlieren das reibungslose Scrollen. – user3106759
werfen Sie einen Blick hier: https://gist.github.com/amolk/1599412 – Monte
Grundsätzlich müssen Sie den Benutzer vom Wischen des Bildschirms über Javascript, dass das Touchmove-Ereignis "entfernt" blockieren. Überprüfen Sie Monte's Kommentar für einen Link. – Alex
@Monte Danke für die Antwort, ich habe meine Frage aktualisiert, um es klarer zu machen, da ich immer noch in der Lage sein möchte, den Körper zu scrollen, muss ich nur ohne Trägheit scrollen. – Finglish