Javascript 滚动回顶部动画'；行不通

下午

问题：我的“返回顶部”按钮（向下滚动后的右下角）没有使用动画滚动到顶部，而是直接跳到顶部

示例可在上找到

我的html：

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

打字错误：你试着打电话

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

与

这会给您一个未捕获的引用错误：控制台中未定义goToByScroll，

---

javascript区分大小写

将

'body，html'

更改为

窗口

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

这对我很有用：

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

---

这完全是瞎猜，但您是否尝试删除return语句？我在看一篇类似的文章，他们使用了相同的脚本，但没有返回语句

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

我想调查一下，你的问题似乎就在这里。

---

祝你好运

在我看来，您的代码来自。我注意到在您的代码中，第32行您用一个新函数覆盖了“homebacktothetop”的单击事件。

不知道。但是单击事件处理程序有一个

preventDefault

方法，您可以使用它来代替

returnfalse如果要阻止链接执行，这是正常工作
。单击（函数（e）{e.preventDefault（）；}）
或者我猜像Kei说的那样切换到Window就可以了xD
$('#homebacktothetop').click(function (e) {
    $(window).animate({
         scrollTop: 0
     }, 800);
     e.preventDefault();
});

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