无法获取在Chrome上运行的jQuery动画滚动

时间:2014-01-04 14:51:51

标签: javascript jquery html scroll

我一直在努力让动画卷轴在这个网站www.nicbrwn.com/dev上运行,但滚动似乎只适用于Firefox,我需要它才能在所有平台上运行。
我用来'滚动'的jQuery就在这里:

<script>
    $(document).ready(function() {
        $('a[href^="#"]').on('click', function(e) {
            e.preventDefault();    
            var target = this.hash,
                    $target = $(target);    
            $('body').stop().animate({
                'scrollTop': $target.offset().top
            }, 900, 'swing', function() {
                window.location.hash = target;
            });
        });
    });
</script>

所有帮助将不胜感激。

2 个答案:

答案 0 :(得分:4)

您需要删除css中overflow: auto上的body, html。那是什么阻止了它。

答案 1 :(得分:1)

同时选择htmlbody元素:

$('html, body').stop().animate({});