我是此頁的管理員: 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
我確定我稍後閱讀表格,謝謝你 –