scrollTop按钮不动画

时间:2013-11-30 06:00:42

标签: javascript jquery jquery-animate scrolltop

我可能错过了一些非常明显的东西。我基本上创建了一个“返回顶部”按钮,单击该按钮可以动画到页面顶部。该脚本似乎与我编写的jQuery没有配对:

        <a href="#" class="back-top-top">Back to top</a>

        <script type="text/javascript">

            $(document).ready(function(event){
                $('.back-to-top').click(function(){
                    event.preventDefault();
                    $('body').animate({"scrollTop": "0px"}, 600)
                })
            })

        </script>

其他jquery元素在网站上正常运行。 当前按下按钮时,屏幕立即滚动到页面顶部,这意味着preventDefault不起作用,600ms的动画时间不起作用或两者兼而有之。

就像我说的那样,它可能是非常明显的,但任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:1)

event参数应该是onclick函数的回到顶部按钮

http://jsfiddle.net/hellosze/MMgXu/点击此链接

尝试

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