javascript - 滚动回顶部动画不起作用

Question

下午

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

示例可以在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;
            });
        });

Answer 1

更改'body,html'为window

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

Answer 2

这对我有用：

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

Answer 3

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

Answer 4

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

在一个完全不同的主题上，您的页面中出现了这些 Javascript 错误：

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

Answer 5

错字：你试着打电话

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

和

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

这会给你一个 Uncaught ReferenceError: goToByScroll is not defined in the console, javascript is casesensitive