无法实现锚平滑滚动与画布菜单/内容

Question

我正在寻找项目上的工作，我正在寻求帮助，我似乎无法弄清楚。我搜索并尝试了各种脚本以及没有冲突脚本。我希望有人能帮助我。

我有一个从nav导航到页面内容的页面。当您将鼠标悬停在页面中间的图像上时，您可以点击一个关闭画布页面。我已经有了这个工作，但是当您点击页面底部的主导航栏时，我想要平滑滚动。看起来，画布外的锚点和平滑的滚动脚本不能一起工作。我对jquery和javascript很陌生，所以我似乎无法让它工作。

我发现平滑滚动代码（现在我有这个注释掉），但是当我这段代码放在网页上，它打破了导航锚：

$(function() { 
$('a[href*="#"]:not([href="#"])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
    var target = $(this.hash); 
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
    if (target.length) { 
     $('html, body').animate({ 
     scrollTop: target.offset().top 
     }, 1000); 
     return false; 
    } 
    } 
}); 
}); 

是否有另一种代码可以在我的网页上工作？此外

http://ebresearch1.wpengine.com/index.html

，我遇到有我的导航图标上他们有一个活跃状态的缺陷：在这里你可以检查我的网页。

我使用这个代码：

jQuery('.nodes a').click(function() { 
jQuery(this).find('.inactive-circle').toggleClass('active hide'); 
}); 

但它只是切换活动和非活动状态。我希望它们保持活动状态，直到您点击另一个导航项。

平板问题：

在另一方面，在导航我的手机/平板电脑汉堡包链接不要关闭导航点击后。它只是保持开放。点击链接后，我似乎无法触发关闭画布关闭。

我知道这是很多信息，但我卡住了。如果我需要提供更多信息，请让我知道，我会发布它。

谢谢！

Answer 1

快一个你的第二个问题：

jQuery('.nodes a').click(function() { 
    jQuery('.nodes a').find('.inactive-circle').removeClass('active hide'); 
    jQuery(this).find('.inactive-circle').addClass('active hide'); 
}); 

不太清楚如何你的div和css设置了这里感觉就像它可能是简单的以某种方式，但这样做的主要原则是先你所有的.nodes a divs不活动，然后让这个活动。

对于第三个问题，这是一个黑客位，但避免了与你offCanvas脚本干预可以触发汉堡包点击单击菜单股利时：

jQuery('#0 a').click(function() { 
    jQuery('#rightBurger').trigger('click'); 
}); 

希望帮助，总得运行，但会回来，并尝试主要的一个，如果没有其他人。