使用淡入淡出功能限制链接标签以具有平滑滚动效果



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

平滑滚动代码

淡入效果代码

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

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

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

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

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

人们也可以争辩说,如果标准反过来会更整洁,因此需要主动选择应该针对平滑滚动的元素,而不是过滤掉:

$('a.page-nav')

最新更新