Mehrere iScroll Elemente auf der gleichen Seite
Mache ich eine mobile website mit jQtouch und iScroll.
Ich wan ' T, um mehrere scrollbare Bereiche mit iScroll, aber nur von den Listen arbeitet mit iScroll...
Habe ich versucht mit diesem:
var scroll1, scroll2;
function loaded() {
scroll1 = new iScroll('wrapper');
scroll2 = new iScroll('list_wrapper');
}
Aber ohne Glück.
Jemand eine Lösung, die funktioniert?
Mein html:
<div id="wrapper">
<ul>
<li><a href="#">Test</a></li>
</ul>
</div>
<div id="list_wrapper">
<ul>
<li><a href="#">Test</a></li>
</ul>
</div>
- Dieser arbeitete für mich, ich hatte Schwierigkeiten, mit ihm zu stackoverflow.com/a/7159687/903000
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich bin mit diesem Ansatz.
Html:
JS:
also nichts mit der Klasse der "Karussell" - wird ein Schieberegler.
Ihre html-scheint korrekt zu sein,
stellen Sie sicher, 'loaded' - Funktion aufgerufen wird, als wel.
Etwas wie dieses:
hoffe, das hilft.
Diese Antwort vielleicht ein bisschen spät... aber da war ich zu fest auf das gleiche problem, hier meine Lösung, die wunderbar funktioniert.
Hinweis: Diese Lösung erfordert jquery, aber ich benutze es trotzdem.
Den script-Teil:
Html:
wo die Eltern
<div class="scrollholder fl">
ist das übergeordnete div-Element, welches positioniert werden können, wo Sie wollen, und mehrere Male.Info: Die Klasse "fl" funktioniert auch als css-separator für
"float:left;"
in meinem Fall und ist nicht entsprechend jede iscroll-Funktion.Die zweite Funktion
iscroller_reinit (el)
ist für Neuinitialisierung der angegebenen single iscroller, kann ausgelöst werden, nachdem der container beladen wurde durch ajax-request.