machen iscroll zu arbeiten, wenn das laden eines div dynamisch

kann bitte jemand erklären, mit einem Beispiel, wenn möglich, das laden von dynamischen Inhalten innerhalb einer iscroll div und weisen Sie eine neue Höhe zu?

Kann ich es auf der Arbeit, aber ich kann nicht kontrollieren, die Höhe der schriftrolle für die neuen Inhalte.

Ich bin neu auf all dies und haben keine Ahnung, waren zu starten.

hier ist, was ich arbeite:

http://homepage.mac.com/jjco/test/index7.html

wenn die Seite geladen wird, sehen Sie die Bildlaufleiste, wo es keine Inhalte...
klicken Sie auf drucken/damm (zeigt die Höhe, die ich ursprünglich für diese Inhalte)
klicken Sie auf drucken/fcbarcelona (behält die gleiche Höhe und position der schriftrolle, die Sie vorher benutzt), wie du siehst, funktioniert es nicht wie es sollte.
natürlich will ich nicht das scrollen, dort zu sein, wenn es nicht notwendig ist.

jegliche Hilfe würde sehr geschätzt werden.

InformationsquelleAutor user994531 | 2011-10-15
  1. 14

    Es ist besser, verwenden Sie die refresh () - Methode in iScroll, die eine Neuberechnung der Höhe.

    myScroll.refresh();
    InformationsquelleAutor Martin Carlsson
  2. 3

    Ich hatte ein ähnliches problem, und nur refresh() nicht helfen, so leider nicht helfen, die Zerstörung und die Wiedererschaffung der iScroll. In meinem Fall war ich dem laden eine Menge von Elementen, die in iScroll div. Was hat das problem zu lösen ist setTimeout(). Als DIE BEHERRSCHUNG DER REFRESH () - METHODE sagte, indem noch 0ms zu einem setTimeout() würde eine Menge Probleme lösen. In meinem Fall war es 500ms. =

    hier ist Beispielcode:

        var myScroll;

    function createIScroll(){
    myScroll = new iScroll('wrapper');
    }

    function iScrollRefresh(){
      setTimeout(function(){
         myScroll.refresh(); 
      }, 500);
    }
$ajax(){ 
//receiving data
}
function someFunction(){
  //dynamic content is created
  iScrollRefresh();
}

    Mein problem war, dass refresh() Funktion ausgeführt wurde, bevor der Inhalt eingefügt wurde, in den DOM, so die timeout geholfen. Ich hoffe, es hilft dem Einsteiger wie mich.

    • das gleiche gilt für mich, refresh alleine hat nicht funktioniert, aber setTimeout hast, das Problem zu lösen, danke.
    InformationsquelleAutor John Snau
  3. 3

    versuchen Sie dies, wenn Sie legen Sie Ihre neuen Daten in iScroll führen Sie diese Schritte 

    //myScroll is a global variable you initialize iScroll on
myScroll.destroy();
myScroll = null;
loaded();//this is a functions where you have have your iScroll initializer
    • vielen Dank für diese, für mich funktionierte perfekt.
    • *Gemeint destroy()
    InformationsquelleAutor ryuutatsuo
  4. 0

    Zu beobachten, die Höhe ändert sich:

    setInterval(function () {
    var newScrollerHeight = $scroller.innerHeight();

    if (newScrollerHeight !== prevScrollerHeight) {
         prevScrollerHeight = newScrollerHeight;
         myScroll.refresh();
    }
}, 500);
    InformationsquelleAutor Kiryla Anokhin
  5. -1

    Werfen Sie einen Blick auf iScroll4

    In iscroll.js ich sehe experimentelle option: checkDOMChanges: false,//Experimentelle
    Sie können aktivieren und verwenden Sie es.

    InformationsquelleAutor Trang Le
Schreibe einen Kommentar