javascript - 无法在 Chrome 上运行 jQuery 动画滚动

标签 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>

我们将不胜感激。

最佳答案

您需要在您的 css 中删除 body, html 上的 overflow: auto。这就是阻止它的原因。

关于javascript - 无法在 Chrome 上运行 jQuery 动画滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20922426/

相关文章:

javascript - 具有相同类名的jquery多个字符计数

html - 是否可以使用 CSS 定位 HTML(文本)? - 它显示为(文本)作为 ID

javascript - 将特定的 XML 节点拉入 HTML 文档

javascript - 这个 google adsense 代码到底在做什么?

javascript - CSS 旋转 Cube UI

javascript - 如何在视口(viewport)内包含卡片轮播?

html - 在不移动下划线的情况下在 Y 轴上转换文本?

javascript - 函数开始一遍又一遍地重复

javascript - 匹配div的正确颜色

javascript - 将随机 background.color 分配给具有随机 ID 的对象