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;
    });
});

使用偏移量设置scrollTop动画

2 个答案: