滚动回到顶部动画不起作用

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

错字：你试着打电话

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

带

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

这会给你一个未捕获的ReferenceError：goToByScroll没有在控制台中定义， javascript区分大小写

Answer 3

这对我有用：

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

Answer 4

这是一个完整的黑暗镜头，但你试过删除return语句吗？我正在查看类似的帖子，jquery animate, scroll top top slow，他们有相同的脚本可以工作，但他们没有回复声明。

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

可能想看一下，似乎其中存在着你的问题。 祝你好运！

Answer 5

在我看来，就像你从Web Designer Wall获得了代码。我在你的代码中注意到你在第32行用一个新函数覆盖#homebacktothetop的click事件。