jquery滚动到顶部的动画

嗨，我知道这个问题已被问及很多回答，但即使这样我似乎无法弄清楚我要去哪里错了。我试图使用页面末尾的“返回顶部”按钮创建一个scrollTop动画，但它似乎没有工作。jquery滚动到顶部的动画

的代码如下：

HTML

<h2 class="bottom-border extra-bottom-margin"><a href="#" class="go-to-top">Back to top</a></h2>.

JQUERY

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

的网址是http://mike-griffin.com/about-me.html

任何帮助都将不胜感激。先谢谢你！

来源

2014-09-26 ironmike

出现的滚动条属于您的.container元素，而不是主体。

观察它的动作，当你删除CSS属性：从.container风格

overflow-x: hidden;

。

或者修复：

<script> 

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

</script>

来源

2014-09-26 01:09:49 TheStatehz

啊我看到了...我工作时，它被删除，但它然后弄乱了一些元素的布局...有没有工作？我可以修改jquery来实现容器的滚动条吗？谢谢你的帮助！ :) – ironmike 2014-09-26 01:16:33

查看更新：$（“。container”）。animate（{“scrollTop”：“0px”}，100）; – TheStatehz 2014-09-26 01:17:39

嗯，我刚刚这样做，完美的工作，我已经了解了一点关于JQuery的，谢谢！我没有声望投票:(再次感谢！ – ironmike 2014-09-26 01:22:31

你在这里张贴应该工作的代码，但是这并不是说你有你的网站的代码。

在网站上，你有这样的：

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

要使其工作，改变$("body")到$("html, body")。原因是浏览器兼容性 - 某些浏览器将滚动位置应用于document.documentElement（html），而其他浏览器将其应用于document.body（主体）。

来源

2014-09-26 01:13:53 fstanis

感谢您的帮助我已经将它应用于.container元素，现在似乎正在完美工作，谢谢！ – ironmike 2014-09-26 01:23:23

jquery滚动到顶部的动画

回答

相关问题