滚动回顶部动画不起作用答案

【问题标题】：scroll back to top animation doesn't work滚动回顶部动画不起作用
【发布时间】：2012-08-02 15:59:18
【问题描述】：

下午

问题：我的“返回顶部”按钮（向下滚动后的右下角）不是通过动画滚动到顶部，而是直接跳到顶部。

例子可以在http://www.pixsters.be找到

我的html：

<a href="#top" id="homebacktothetop"><span>backtothetop</span></a>

我的 js (jquery)：

            // scroll to 0 when clicked
            $('#homebacktothetop').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
        });

【问题讨论】：

不知道。但是点击事件处理程序有一个preventDefault 方法，如果你想阻止链接正常工作，你可以使用而不是return false;。 .click(function(e){ e.preventDefault(); });

标签： javascript jquery scroll

【解决方案1】：

将'body,html' 更改为window

$('#homebacktothetop').click(function (e) {
    $(window).animate({
         scrollTop: 0
     }, 800);
     e.preventDefault();
});

【讨论】：

【解决方案2】：

这对我有用：

         $(document).ready(function(){
              $("#GoToTop").click(function()
              {
                 $("html, body").animate({ scrollTop: 0 }, 500);
                return false;
              });
            });

【讨论】：

【解决方案3】：

这是在黑暗中的完整镜头，但是您是否尝试过删除 return 语句？我在看一个类似的帖子，jquery animate, scroll top top slow，他们得到了相同的脚本来工作，但他们没有返回语句。

在完全不同的主题上，您的页面中出现了以下 Javascript 错误：

可能想调查一下，这似乎是你的问题所在。祝你好运！

【讨论】：

或者我想像 Kei 所说的那样改成 Window 就可以了 xD

【解决方案4】：

错别字：你尝试调用

function gotoByScroll(id)
{
     $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

与

$("#homebacktothetop").click(function(){goToByScroll("#container");});

这会给你一个 Uncaught ReferenceError: goToByScroll is not defined 在控制台中， javascript 区分大小写

【讨论】：

【解决方案5】：

在我看来，您的代码来自 Web Designer Wall。我注意到在您的代码中，在第 32 行您使用新函数覆盖了 #homebacktothetop 的点击事件。

【讨论】：