jquery - 使用偏移量为 scrollTop 设置动画

Question

我正在使用 jQuery UI 手风琴，但有些文本太长，导致它靠近页面顶部。我想要的是当一个部分打开时它会跳到该部分的顶部。这段代码可以完美地做到这一点，但它会卡在顶部，看起来很老套。

$('#accordion').bind('click',function(){
theOffset = $(this).offset();
$(window).scrollTop(theOffset.top - 50);
});

我将如何为 scrollTop 设置动画，使其“滑行”到顶部

非常感谢

Answer 1

采用

$('body,html').animate({
    scrollTop: theOffset.top - 50
});

代替

$(window).scrollTop(theOffset.top - 50);

Answer 2

使用jquery animate在指定时间内为属性设置动画，而不是立即应用它们。

$('#accordion').bind('click',function(){
    theOffset = $(this).offset();
    $('body,html').animate({
        scrollTop: theOffset.top - 50;
    });
});