JQuery Animate 函数在动画之前跳转到屏幕顶部答案

【问题标题】：JQuery Animate functions jumps to the top of screen before animatingJQuery Animate 函数在动画之前跳转到屏幕顶部
【发布时间】：2012-07-05 23:44:59
【问题描述】：

我对 Jquery 比较陌生，所以如果这很明显，请随时打我一巴掌。我有一小段脚本，它将通过它的边距移动一个 div 并将浏览器滚动到新内容。应用时，页面跳到顶部，然后跳回然后动画。这是JS。

     var onoff = true;

     $('#archive').click(function() {

        if(onoff == true)
        {
            $('#footer').animate({marginTop: 0}, 300);
            onoff = false;

        } else
        {
            $('html, body').animate({
                 scrollTop: $("#archive").offset().top
             }, 2000);

            $('#footer').animate({marginTop: -171}, 300);
            onoff = true;
        }

     });

如果这是一个重复的问题，任何帮助将不胜感激，很抱歉，如果是，我找不到。

谢谢， -S

【问题讨论】：

没有看到你的 HTML 我不能评论太多。但是元素的样式属性对于元素的动画效果可能非常重要。只是一个想法，尝试使用填充或实现高度而不是使用边距。
感谢有关高度和填充的建议。我一定会尝试实现它。

标签： javascript jquery animation scrolltop

【解决方案1】：

可能是因为你需要一个 preventDefault

$('#archive').click(function(evt) {
   evt.preventDefault()

...

【讨论】：