Jquery滚动到顶部动画

嗨，我知道这个问题已经被问了很多，也被回答了很多，但即使这样，我似乎也不知道我错在哪里。我正在尝试使用页面末尾的“返回顶部”按钮创建一个scrollTop动画，但它似乎不起作用

代码如下：

HTML

。

JQUERY

<script>
$(function(){
$(".go-to-top").click(function(event){
    event.preventDefault();
    $("html, body").animate({"scrollTop": "0px"}, 100);
})
});
</script>

$（函数（）{
$（“.go to top”）。单击（函数（事件）{
event.preventDefault（）；
$（“html，body”）.animate（{“scrollTop”：“0px”}，100）；
})
});

网址是

---

任何帮助都将不胜感激。提前谢谢你

显示的滚动条属于.container元素，而不是主体

删除css属性时，请观察以下行为：

overflow-x: hidden;

从.container样式

或修复：

<script>

    $(".go-to-top").click(function(event){
        event.preventDefault();
        $(".container").animate({"scrollTop": "0px"}, 100);
    })

 </script>

$（“.go to top”）。单击（函数（事件）{
event.preventDefault（）；
$（“.container”）.animate（{“scrollTop”：“0px”}，100）；
})

您在此处发布的代码应该有效，但这不是您网站上的代码

在网站上，您可以看到：

$(function(){
    $(".go-to-top").click(function(event){
        event.preventDefault();
        $("body").animate({"scrollTop": "0px"}, 1000);
    })
});

---

要使其正常工作，请将

$（“正文”）

更改为

$（“html，正文”）

。原因是浏览器兼容性-一些浏览器将滚动位置应用于

document.documentElement

（html），而其他浏览器将滚动位置应用于

document.body

（body）。

啊，我明白了。。。我工作时，这是删除，但它会弄乱一些元素的布局。。。附近有工作吗？我可以修改jquery以影响容器的滚动条吗？谢谢你的帮助！：）请参阅更新：$（“.container”）.animate（{“scrollTop”：“0px”}，100）；啊，我刚刚完成了这项工作，工作非常完美，我还学到了一些关于Jquery的知识，谢谢！我没有资格投票：（再次感谢！感谢您的帮助我刚刚将其应用于.container元素，现在似乎工作得很好，谢谢！

$(function(){
    $(".go-to-top").click(function(event){
        event.preventDefault();
        $("body").animate({"scrollTop": "0px"}, 1000);
    })
});