我是此页的管理员: iuvestudio.com 我的问题最近发生,直到2017年9月一切都很好。然而,现在导航菜单(网站的顶部和网站的底部)不适用于我的Google Chrome。如果点击,它只是改变颜色,但不会将您移动到右侧部分。但它在Edge上工作。也许它不适用于我的谷歌浏览器,但它适用于其他浏览器。我不知道该怎么做才能使它工作。有任何想法吗 ?我会非常感谢任何建议。 谢谢。导航菜单无法在谷歌浏览器
回答
在第59行的plugins.js中有一个事件监听器添加到您的<a>
元素中。删除此事件监听器为我解决了这个问题。
您可以通过打开检查器(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);
});
});
}
Sir我删除后的问题是,现在它只是传送到正确的部分,但在它顺利移动到右侧部分:( –
如果你想我们调试该事件处理程序,看看它为什么不在铬工作,你应该提供一个unminified代码片段。 – Wouter
好吧,当然这是︰https://send.firefox.com/download/2e9dfb14e9/#m1AfV1rREbJC1GRyO9cbbg –
- 1. “跳过导航”链接无法在谷歌浏览器工作
- 2. 单页粘滞导航无法在谷歌浏览器上工作
- 3. 谷歌Chrome浏览器正在缩小导航菜单当缩放
- 4. 跨浏览器填充导航菜单
- 5. 无法在谷歌浏览器
- 6. Bootstrap 4 alpha 6导航栏在谷歌浏览器上无法正确显示
- 7. 在Chrome浏览器中停止导航(谷歌浏览器扩展)
- 8. 二级菜单下拉菜单谷歌浏览器
- 9. 谷歌浏览器无法打开
- 10. 浏览器兼容的asp菜单css不工作在谷歌浏览器
- 11. IE浏览器无法导航到default.htm
- 12. 谷歌浏览器无法提交显示的表单:无
- 13. 谷歌浏览器
- 14. 谷歌浏览器
- 15. Qtip2为文本菜单没有出现在谷歌浏览器
- 16. 谷歌浏览器左/右导航箭头 - 始终显示
- 17. 谷歌浏览器,子导航选项消失
- 18. Twitter Bootstrap谷歌浏览器中的导航栏版式中断
- 19. 像谷歌浏览器网站的CSS3过渡导航
- 20. 谷歌浏览器jQuery动画滞后谷歌浏览器
- 21. 导航菜单未显示在移动浏览器上
- 22. 无法在Android模拟器的浏览器中打开谷歌
- 23. 谷歌浏览器无框(如亭)
- 24. AutoHotkey的简单ControlSend谷歌浏览器
- 25. 谷歌API Chrome浏览器清单
- 26. 引导下拉菜单中不正确谷歌Chrome浏览器显示
- 27. 谷歌浏览器CSS
- 28. ERR_SSL_CLIENT_AUTH_SIGNATURE_FAILED谷歌浏览器
- 29. 谷歌浏览器帮助
- 30. getUserMedia谷歌浏览器
您需要在这里发表您的问题标记和代码的小例子,不是你的网站,这将改变或消失。 [mcve] – Rob
我确定我稍后阅读表格,谢谢你 –