jQuery mobile und iscroll aktualisieren

Ich habe ein kleines problem mit iscroll. Ich bin den Aufbau einer kleinen app für das iphone mit phonegap und jquery mobile mit externen Daten aus einem json, verwenden Sie iscroll und Daten-iscroll = "", wenn ich es lade dann den Inhalt der Liste anzuzeigen, iscroll funktioniert Super, aber wenn ich gehen raus und zurück in einem anderen Artikel, iscroll merken Sie sich die position, und ich wünschte, ich könnte tun, von der Spitze der Seite.

Thi ist mein Beispiel http://www.viaggiosullaluna.it/es.zip

Ty für die Hilfe.

InformationsquelleAutor Bambo | 2013-05-07

3

iScroll4 hat die .refresh() Methode.

wenn man bedenkt Sie verwendet, etwas wie dieses zu erstellen Sie Ihre iscroll Beispiel:
```
var myScroll = new iScroll('idOfElement', {/*options*/});
```
Fügen Sie die folgenden am Ende der Funktion, die nennt die neuen Artikel (und in jeder Funktion die änderungen der scrollbaren Inhalt):
```
setTimeout(function () {
    myScroll.refresh();
}, 100);
```
Diese Weise wird es eine Neuberechnung der Höhe des scrollbaren Bereichs und wiederholen Sie die Navigationstaste.
Für mehr info, siehe MASTERING THE REFRESH() METHOD bei http://cubiq.org/iscroll-4

Update

Scrollen Sie nach oben, verwenden Sie die folgende:
```
myScroll.scrollTo(0, 0);
```
Doc Staaten scrollTo(x, y, time, relative). time in ms (für die "animation" zu Blättern, die Sie wahrscheinlich nicht wollen) und relative bedeutete für den Bildlauf basiert auf aktuellen element (die Sie nicht wollen, auch).

Weitere Infos finden Sie unter JAVASCRIPT SCROLLING bei http://cubiq.org/iscroll-4
- Danke für die Antwort, aber mein problem ist anders, ich versuche zu erklären, mein problem, iscroll arbeiten auf den inneren Seiten, aber wenn ich die zurück-Taste drücken und zurück zu einer Seite unter die andere, iscroll ist an der gleichen Stelle platziert Sie Links und ich will es starten, der Anfang der Seite
- aktualisiert mit dem code für das, was Sie mir sagte nun.
InformationsquelleAutor RaphaelDDL

Tut mir Leid, ich verstehe nicht sehr gut. nicht ein ass mit js leider. Ich sollte verstehen, wie das einfügen die Funktion myScroll.scrollTo (0, 0) in meinem code. Du bist wirklich freundlich zu mir helfen. Ich benutze diese drei Funktionen:

JAVASCRIPT

$("#malattie_page").live("pageinit", function() {
});
$("#malattie_interno_page").live("pageinit", function() {
});

$("#malattie_page").live("pagebeforeshow", function(event,data) {
$.ajax({
    url: "http://www.viaggiosullaluna.it/ipediatria_admin/json/malattie.php",    
    type: 'post',
    dataType: 'json',
    crossDomain : true,
    async:false,
    success: function(retval, textStatus){              
        var html = "<ul id='lista_malattie' data-role='listview'  data-autodividers='true' data-filter='true' data-filter-placeholder='Search...'>";
        for (var i=0; i<retval.length; i++) {
            html += "<li><a href='#malattie_interno_page'  data-transition='slide' class='contentLink' data-entryid='"+retval[i]['id']+"' >"+retval[i] ['title']+"</a></li>";
        }
        html += "</ul>";
        $("#interno_malattie").html(html);
        $("#lista_malattie").listview();
    }
});
 });
$("#malattie_interno_page").live("pagebeforeshow", function(event,data) {
$.ajax({
    url: "http://www.viaggiosullaluna.it/ipediatria_admin  /json/malattie.php?id="+selectedEntry,
    type: 'post',
    dataType: 'json',
    crossDomain : true,
    async:false,
    success: function(retval, textStatus){    
        var html =""
        for (var i=0; i<retval.length; i++) {
            if(selectedEntry == retval[i]['id']) {
                html += "<h3>"+retval[i]['title']+"</h3>";
                html += "<div class='interno'>"+retval[i]['content']+" </div>";
             }
         }
        $("#interno_malattie_page").html(html);
    }
  });   
  });

  $("#malattie_page").live("pageshow", function(prepage) {
});
$("#malattie_interno_page").live("pageshow", function(prepage) {
setTimeout(function(){$('#malattie_interno_page [data- role="content"]').iscrollview('refresh');}, 0);
 });

UND HTML

<!-- PAGE MALATTIE -->
    <div data-role="page" class="ui-responsive-panel" id="malattie_page">
        <div data-role="header"  data-theme="f" data-position="fixed">
            <h1>MALATTIE</h1>
            <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a></div><!-- /header -->
        <div data-role="content"  data-iscroll="">
            <div id="interno_malattie">

            </div>
        </div><!-- /content -->         

        <div data-role="panel" data-position="left" data-position-fixed="false" data-display="reveal" id="nav-panel" data-theme="a">
            <ul data-role="listview" data-theme="a" data-divider-theme="a" style="margin-top:-16px;" class="nav-search">
                <li data-icon="delete" class="close-button"><a href="#" data-rel="close">MENU INTERNO</a></li>

                <li><a href="#malattie_page" data-transition="fade">PAGE</a></li>
            </ul>
        </div><!-- /panel -->           
    </div><!-- /page -->


    <!-- PAGE MALATTIE INTERNO PAGINA -->
    <div data-role="page" class="ui-responsive-panel" id="malattie_interno_page">
        <div data-role="header" data-theme="f"  data-position="fixed">
            <h1>MALATTIE</h1>
            <a href="#malattie_page" data-rel="back" data-transition="slide" data-direction="reverse">Back</a>
        </div><!-- /header -->
        <div data-role="content" data-iscroll="">
            <div id="interno_malattie_page">


            </div>
        </div><!-- /content -->         

        <div data-role="panel" data-position="left" data-position-fixed="false" data-display="reveal" id="nav-panel" data-theme="a">
            <ul data-role="listview" data-theme="a" data-divider-theme="a" style="margin-top:-16px;" class="nav-search">
                <li data-icon="delete" class="close-button"><a href="#" data-rel="close">MENU INTERNO</a></li>

                <li><a href="#malattie_page" data-transition="fade">PAGE</a></li>

            </ul>
        </div><!-- /panel -->           
    </div><!-- /page -->

InformationsquelleAutor Bambo

0

Wenn Sie mit iscrollview bedeutet nur versuchen, diese...

1.aktualisieren
```
$('#videotagisc').iscrollview("refresh");
```
2.scrollTo
```
 $('#videotagisc').iscrollview('scrollTo', 0,0);
```
InformationsquelleAutor kathir

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.