Bildlaufleiste in Phonegap?

8

Ich bin neu bei Phonegap. Ich zeige eine Liste von Daten in einer Listenansicht an. Die Daten werden von einem Server gesammelt und ich möchte der Ansicht eine Bildlaufleiste hinzufügen. Wie füge ich eine Bildlaufleiste in Phonegap hinzu und lasse die Ansicht "sticky" scrollen? Jow, um es glatt zu machen? Bitte führe mich dazu.

Vielen Dank im Voraus.

    
SuReSh PaTi 10.09.2012, 08:11
quelle

2 Antworten

1

persönlich Ich mag nicht iscroll .. hatte viele Probleme mit ihm, so dass ich eine andere Lösung entdeckt ... Sie können dies versuchen:

1.) Setzen Sie Ihren DIV-Überlauf auf automatisch (oder scrollen) und stellen Sie seine Höhe ein, z. B.

%Vor%

(Ich berechne normalerweise die Höhe mit Javascript, basierend auf der Bildschirmgröße des Benutzers. Ich setze nie nur eine feste Höhe für alle Geräte, dies ist nur für den Zweck dieser "Demo")

2.) füge dieses Javascript hinzu:

%Vor%

3.) Rufen Sie es beim Laden der Seite .. wenn Sie jQuery verwenden:

%Vor%

4..) Wenn Sie möchten, dass Ihre Bildlaufleisten sichtbar sind, definieren Sie einfach die folgenden CSS-Regeln:

%Vor%

Dies wurde getestet und sollte auf allen Android- (auch älteren Modellen) oder iOS-Geräten genauso funktionieren (was auch ohne diese Problemumgehung funktioniert - aber diese Problemumgehung wird es nicht brechen). Sie können dies mit der Position: fixed oder position: absolute des Wrapper-Elements kombinieren ...

Sie können auch mit der touchScroll-Funktion herumspielen, Sie können eine Lockerung oder sogar eine Wischdetektion mit Auto-Scroll usw. hinzufügen, aber das ist ein etwas fortgeschritteneres Problem ...

    
j99 09.12.2012 21:59
quelle
-1

Verwenden Sie iscroll .

Schritte

%Vor%

Der #wrapper benötigt auch einige Klassen:

%Vor%

Überprüfen Sie dieses Beispiel demo

    
Arjun T Raj 10.09.2012 08:43
quelle

Tags und Links