导航菜单不适用于谷歌浏览器

Question

我是此页面的管理员： 的 iuvestudio.com 我的问题最近发生，直到2017年9月一切都很好。但是现在导航菜单（网站顶部和网站底部）无法在我的Google Chrome上运行。如果单击，它只是改变颜色，但没有移动到右侧部分。然而它适用于Edge。也许它只是在我的谷歌浏览器上工作，但在其他人的工作。我不知道我该怎么办才能让它发挥作用。有任何想法吗 ？我会非常感谢任何建议。 谢谢。

Answer 1

第59行的plugins.js中的<a>元素中添加了一个事件监听器。删除此事件监听器为我解决了这个问题。

您可以通过打开inspecter（f12）并在标题中选择<a>元素来测试它。然后打开“事件监听器”选项卡并打开单击事件。你现在找到“一个插件：59”。删除此侦听器，一切都有效。

修改：

我为a元素添加了事件侦听器以滚动到id。 （我只是在铬中添加这些）。以下代码已添加到您的plugins.js文件中：

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

if (is_chrome) {
    var attributes = ['home', 'whatido', 'myworks', 'about', 'contact'];

    $.each(attributes, function( index, value ) {
        $('a[href="#' + value + '"]').click(function() {
            $('html, body').animate({
                scrollTop: $('#' + value).offset().top
            }, 1000);
        });
    });
}