jquery - 使用jQuery动态添加内容时如何自动触发滚动？

Question

当我们进行物理滚动时，我们可以通过拖动滚动条或使用鼠标滚轮来检测窗口或元素滚动.on(scroll。.scroll(

但它不能通过动态添加的内容自动触发。

这是一个例子：http: //jsfiddle.net/vs5bR/

有什么解决办法吗？我见过DOM检查方法，它检查DOM元素一直在变化，似乎不是一个好方法。

Answer 1

好的，我找到了解决方案，但它仅适用于 Firefox

https://developer.mozilla.org/en-US/docs/Mozilla_event_reference/MozScrolledAreaChanged?redirectlocale=en-US&redirectslug=DOM%2FDetecting_document_width_and_height_changes#Example

document.addEventListener("MozScrolledAreaChanged", function( event ) {
    // do something
}, false);

我仍在等待跨浏览器解决方案...

Answer 2

您可能希望委托滚动事件。

看看这里的文档：http .on(): //api.jquery.com/on/

简而言之..如果您将“选择器”参数传递给.on()函数，您的处理程序也将附加到您调用.on().

这是以前使用live()完成的，现在已弃用。

Answer 3

您可以自动滚动 div。这也会触发滚动事件。看看你小提琴中的 javascript

将以下内容添加到单击事件中。此示例使用 jQuery 选择器来获取元素，但您也可以在没有 jQuery 的情况下执行此操作

var mydiv = $('#content')[0];
mydiv.scrollTop = mydiv.scrollHeight;