Gibt es ein Ereignis, das bei Änderungen an scrollHeight oder scrollWidth in jQuery ausgelöst wird?

Question

Ich benutze JQuery, um eine Anwendung zu entwerfen, wo der Benutzer Elemente innerhalb eines div ziehen kann, das automatisch Bildlaufleisten hinzufügt und die scrollHeight/scrollWidth nach Bedarf erweitert. Ich muss eine sogar feuern, wenn scrollHeight und scrollWidth des Container-div geändert werden.

Nein, ich möchte das Bildlaufereignis nicht verwenden, weil 1) Bildlauf nicht ausgelöst wird, wenn Sie einfach ein Element an den Rand ziehen und scrollHeight/scrollWidth ändern. 2) scrollt, wenn scrollHeight/scrollWidth nicht geändert wird.

Irgendwelche Hinweise?

Answer 1

Ich empfehle jQuery, aber there is a 'resize' dispatcher.

2017 Version mit JavaScript:

this.container = document.querySelector('#container'); 
this.watcher = window.requestAnimationFrame(this.watch); 

this.watch =() => { 
    cancelAnimationFrame(this.watcher); 

    if (this.lastScrollHeight !== container.scrollHeight) { 
    // do something 
    } 

    this.lastScrollHeight = container.scrollHeight; 
    this.watcher = requestAnimationFrame(this.watch); 
}; 

---

Lesen Sie die Dokumentation für scrollHeight und wie sie sich auf scrollTop. Die Abfrage scrollHeight kann eine nicht-performante DOM-Neuberechnung auslösen, und die manuelle Verwaltung von Höhen/Oberseiten mit position:absolute ist wahrscheinlich schneller, da es keine rekursive Überprüfung auf margins (für) und andere CSS display Typen ist.

Answer 2

Ich habe diese Frage hier beantwortet, die irrelevant erscheinen mag, aber es unterstützt scrollHeight Change auch und scrollWidth.

Detecting when a div's height changes using jQuery

Plugin:

http://www.jqui.net/jquery-projects/jquery-mutate-official/

Demo:

$('.selector').mutate('scrollHeight',function(){ 
    alert('it has changed the scroll height do something about it...'); 
}); 

Dieses Plugin sollte auch Cross-Browser arbeiten, wie es Intervalle verwendet (SetTimeout) für eine solche überprüfen Änderungen, es kann auch erweitert werden, wenn Sie es brauchen :)

hoffe es hilft ...