我正在使用在这里找到的一段代码:
Simple jQuery scroll to anchor up or down the page...?
我的工作正常,但每次单击滚动时,初始屏幕都会快速闪烁。我修改了脚本以在 div 而不是另一个 anchor 上工作。
有人知道为什么会发生这种情况吗?
谢谢
最佳答案
在控制台中测试了一些内容后,我认为(99%确定)这个问题是由您将 anchor href 设置为“#”引起的。
您有几个选择:
1)用其他东西替换 anchor 标记。例如,如果您仅用 P 标记替换 anchor 标记,并将 jquery 更改为使用 p.[class] 而不是 a.[ class] 它应该可以解决问题。 (您可以通过在 CSS 中使用 cursor:pointer;
来保持相同的锚定样式,使其在鼠标悬停在链接上时看起来像链接)
2) 阻止链接的默认操作。添加return false
在您的链接中,例如 <a class="work" href="#" onclick="return false;">Work</a>
我认为这可能是问题的原因是,当您单击“#” anchor 时,它会默认将您带到页面顶部,所以我认为它会快速将您带到页面顶部,然后返回并滚动到目的地。
关于jquery - 简单的滚动到动画闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18139904/