PhoneGap / Cordova: Horizontales Scrollen verhindern
Ich habe eine App auf Cordova gebaut und auf einigen meiner Seiten kann ich horizontal aus meinem Inhalt in weißen Bereich scrollen.
Das ist seltsam, da ich dort nichts habe, was über meine #wrapper hinausgeht, die auf width: 100% gesetzt ist.
Ich habe mich also gefragt, ob ich das horizontale Scrollen in der App überhaupt deaktivieren könnte?
UPDATE:
Code auf der Seite wie gewünscht:
%Vor% 
5 Antworten
Versuchen Sie, Ihre Seite in Chrome (Webkit) mit den genauen Abmessungen Ihres Geräts zu debuggen. Dies löst die meisten Rendering-Probleme für mich.
Ich kenne das spezifische Problem hier nicht, aber es sieht so aus, als würde eines Ihrer Elemente außerhalb des Wrappers fließen. Du könntest das zum Beispiel in deinem css versuchen:
Obwohl es vielleicht eine bessere Idee ist, herauszufinden, warum Ihre Seite horizontal expandiert?
Ich habe lange nach einer Lösung für dieses Problem gesucht.
Schließlich habe ich es auf folgende Weise gelöst.
Ich setze Stil für body und html tags:
Danach habe ich div zu body hinzugefügt und den Stil dafür festgelegt:
Also, ich habe einen festen Körper, der Div mit vertikaler Bildlaufleiste enthält.
Der Vollständigkeit halber habe ich gedacht, dass die Antwort, die die offizielle Methode benutzt, um so etwas über das preference -Tag zu machen, hinzugefügt werden sollte:
Unterstützt von Android und iOS gemäß der Dokumentation .
Standard: falsch
Setzen Sie diese Einstellung auf "true", wenn die Benutzeroberfläche keine Rückmeldungen anzeigen soll, wenn Benutzer am Anfang oder Ende des Inhalts blättern. Auf iOS-Geräten führen Overscroll-Gesten dazu, dass der Inhalt in seine ursprüngliche Position zurückkehrt. Auf Android-Geräten erzeugen sie einen subtileren leuchtenden Effekt am oberen oder unteren Rand des Inhalts.