我有一个单页网站,当单击a
标签(导航)时具有平滑滚动效果,其中一个导航条目还调用带有fadeIN函数的隐藏div(input.box),我的问题是每当显示带有fadeIN函数的条目时,页面也会向下滑动一点。我应该如何限制此具有淡入功能的菜单也滚动?我在我的 jsfiddle 波纹管上有用于平滑滚动和淡入的代码。
平滑滚动代码
淡入效果代码
平滑滚动代码的以下部分选择要应用效果的元素:
$('a[href*=#]')
您需要限制它以排除打开弹出窗口的锚点。执行此操作的方法取决于您如何识别要排除的元素:
$('a[href*="#"]:not(a[href="#info"])')
或
$('a[href*="#"]:not(.info-popup)')
人们也可以争辩说,如果标准反过来会更整洁,因此需要主动选择应该针对平滑滚动的元素,而不是过滤掉:
$('a.page-nav')