关于锚点跳转过度

Question

下面是一个锚点跳转的方法：

疑问：为什么单独写一个$("body")或$("html"),为什么就没有过渡的效果，而两个写在一起却有，这是为什么？然道是说要body和html一起跑起来？

$(".list").bind('click', function(event) {

    event.preventDefault();

    var aimId = $(this).attr("href");

    console.log(aimId);

    var moveNum = $(aimId).offset().top;

    console.log(moveNum);

    console.log(document.body.scrollTop);

   

    $("body,html").animate({

           scrollTop : moveNum

    },1000);

  });

Answer 1

我测试了下ie firfox chrome都可以的，这样写是考虑有可能滚动的是body，这种情况$("html")就没用了如下：html,body {    height: 100%;}html {    overflow: auto;}body {    overflow: auto;}检测页面滚动是谁在滚动$('body').on('scroll', function () {            console.log('body')        });$(window).on('scroll', function () {            console.log('window')        });