jquery - 简单的滚动到动画闪烁

标签 jquery

我正在使用在这里找到的一段代码:

Simple jQuery scroll to anchor up or down the page...?

我的工作正常,但每次单击滚动时,初始屏幕都会快速闪烁。我修改了脚本以在 div 而不是另一个 anchor 上工作。

有人知道为什么会发生这种情况吗?

谢谢

http://www.mniac.com/portfolio/

最佳答案

在控制台中测试了一些内容后,我认为(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/

相关文章:

javascript - Polymer:无法在 <paper-button> 中使用 onclick 操作触发 jQuery 代码

javascript - 如何使用javascript从json文件读取并打印数据?

jquery - 如何使用 JQuery 更改模型的值?

javascript - 触发媒体查询断点时刷新页面

Javascript 对 URL 进行 Post 或 Get 调用并返回页面上的文本

javascript - 选择下一个相邻元素 JQuery

javascript - Skrollr pages/slide below 启动并停留在屏幕上当前幻灯片的顶部,但不透明度设置为 0

jquery - 悬停弹出窗体窗口

Javascript:点击获取并在剪贴板上分配值

对象内的 Javascript 回调