jQuery mobile et iscroll d'actualisation

J'ai un petit problème avec iscroll. Je suis en train de construire une petite application pour iphone, avec phonegap et jquery mobile, avec des données externes prises de json, utilisez iscroll des données et de la iscroll = "", lorsque je charge le contenu de la vue de liste, iscroll fonctionne très bien, mais si je sors, et de revenir dans un autre article, iscroll souvenez vous de la position, et je souhaite que je pourrais faire à partir du haut de la page.

Thi est mon exemple http://www.viaggiosullaluna.it/es.zip

Ty pour obtenir de l'Aide.

InformationsquelleAutor Bambo | 2013-05-07
  1. 3

    iScroll4 a la .refresh() méthode.

    en considérant que vous avez utilisé quelque chose comme cela pour créer votre iscroll exemple:

    var myScroll = new iScroll('idOfElement', {/*options*/});

    Ajouter le texte suivant à la fin de la fonction qui appelle le nouvel article (et sur chaque fonction qui modifie le contenu défilant):

    setTimeout(function () {
    myScroll.refresh();
}, 100);

    De cette façon, il va recalculer la hauteur de la zone déroulante et refaire le défilement.
    Pour plus d'info, voir MASTERING THE REFRESH() METHOD à http://cubiq.org/iscroll-4

    Mise à jour

    Défiler l'écran vers le haut, utilisez la commande suivante:

    myScroll.scrollTo(0, 0);

    La doc états scrollTo(x, y, time, relative). time en ms (pour le "animation" de défilement, ce qui, probablement, vous ne voulez pas) et relative signifiait pour le défilement basé sur l'élément en cours (que vous ne voulez pas également).

    Pour plus d'info, voir JAVASCRIPT SCROLLING à http://cubiq.org/iscroll-4

    • Merci pour la réponse, mais mon problème est différent, j'essaie d'expliquer mon problème, iscroll fonctionne à l'intérieur des pages, mais si je le presse et le retour à une page à l'autre, iscroll est placé dans la même position que vous avez laissé et je veux commencer le début de la page
    • mise à jour du code pour ce que vous avez dit de moi, maintenant.
    InformationsquelleAutor RaphaelDDL
  2. 0

    Je suis désolé, je ne comprends pas très bien. ne sont pas un as avec js malheureusement. Je dois comprendre comment insérer la fonction myScroll.scrollTo (0, 0) dans mon code. Vous êtes vraiment très gentil de m'aider. J'utilise ces trois fonctions:

    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);
});

    ET 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
  3. 0

    Si vous utilisez iscrollview signifie juste essayer ce...

    1.actualiser

    $('#videotagisc').iscrollview("refresh");

    2.scrollTo

     $('#videotagisc').iscrollview('scrollTo', 0,0);
    InformationsquelleAutor kathir