jquery - 使用 fadeIN 函数限制链接标签以具有平滑滚动效果

Question

当单击标签（导航）时，我有一个具有平滑滚动效果的单页网站a，其中一个导航条目还调用了带有fadeIN函数的隐藏div（input.box），我的问题是每当带有fadeIN函数的条目显示时，页面也向下滑动了一点。我应该如何限制这个带有淡入淡出功能的菜单也不能滚动？我的 jsfiddle 波纹管上有用于平滑滚动和淡入淡出的代码。

平滑滚动代码

FadeIN 效果代码

Answer 1

平滑滚动代码的以下部分选择要应用效果的元素：

$('a[href*=#]')

您需要限制它以排除打开弹出窗口的锚点。执行此操作的方法取决于您如何识别要排除的元素：

$('a[href*="#"]:not(a[href="#info"])')

或者

$('a[href*="#"]:not(.info-popup)')

也有人可能会争辩说，如果标准相反，它会更整洁，因此需要积极选择应该针对平滑滚动的元素，而不是过滤掉：

$('a.page-nav')