将窗口从当前位置移动到顶部

Question

我有一个用于文本查看的折叠按钮，可以正常使用jQuery动画功能。

当我点击按钮时，窗口移动到底部，然后移动到顶部。 如果我删除一行（隐藏文本的一部分），一切正常（没有移到底部）。

任何想法如何让它工作而不先移到最底层？

源代码：

$('.collapse_btn').click(function() {
    $('.r1').css({'max-height':r1h_nh});
    $(this).hide();
    $('.expand_btn').show();
    $('html, body').animate({scrollTop:0}, 'slow');
});

Answer 1

似乎您的窗口已滚动到底部，因为元素.collapse_btn消失了。那么，如果您在后执行隐藏/显示操作，则使用jQuery.animate callback滚动窗口到顶部怎么办？

   $('.collapse_btn').click(function() {
        $('html, body').animate({scrollTop:0}, 'slow', 'swing', function(){
//scrollTop is done, now perform what you need, it won't be visible anyway
          $('.r1').css({'max-height':r1h_nh});
             $('.collapse_btn').hide();
             $('.expand_btn').show();
          });
        });