javascript - 为什么 $(window).animate scrollTop 不起作用？

Question

如果以下代码有效(肯定有效)

$( 'html, body' ).animate(
    {
        "scrollTop": "500"
    }, 
    500
);

那为什么下面的代码不起作用呢？

$( window ).animate(
    {
        "scrollTop": "500"
    }, 
    500
);

如果下面的代码有效

$( window ).scroll( myScrollFunctionHandler );

那为什么下面的代码不起作用呢？

$( 'html, body' ).scroll( myScrollFunctionHandler );

有人可以全面解释一下为什么必须这样吗？

Answer 1

window 没有 scrollTop 属性，这就是您的第一个示例不起作用的原因。 document.body 是。

关于您的第二个示例，$(window).scroll 是 window.onscroll 的事件处理程序安装程序.没有“body onscroll”事件，因此显然不会调用安装在 body(或 html)元素上的事件处理程序，因为事件不会在 DOM 中向下冒泡，而只会向上冒泡。