页面中的锚链接不起作用

Question

站点是http://differenzaus.com/。尝试页面上的任何按钮（例如，header "Work With Us," 中的按钮应该 link 到 "Contact" 形式。该按钮显示为活动状态，但当您单击它时没有任何反应。在昨晚之前这不是问题。我在滑动条菜单上修复了一个关闭事件，之后 anchor/targets 就不起作用了。

有什么建议吗？源代码都可以通过查看源代码获得。

Answer 1

您已将 # 添加到所有 href 属性。如果你将鼠标悬停在你的按钮上，你会得到 ex。 #contact.

如果您插入 #，请查看您的代码。

Answer 2

这是因为里面有些 Javascript。链接正确，部分 ID 也正确。如果您完全停用 Javascript，链接将起作用。可能是一些 scolling 脚本。把脚本一个一个停用找到，然后再尝试找出脚本中的错误。

Answer 3

您似乎正在捕获允许按钮工作的点击事件，并专门使用它来折叠侧边栏菜单：

// Toggle main menu
    $( '[canvas]' ).on( 'click', function ( event ) {
        event.preventDefault();
        event.stopPropagation();
        controller.close( 'menuMain' );
    } );

尝试删除对 preventDefault() 和 stopPropagation() 的调用，或者将事件处理程序包装在检查边栏是否已打开的 if 语句中。

页面中的锚链接不起作用

Anchor links in page not working

html

javascript

css

anchor

button