javascript - jQuery 平滑滚动问题,页面 'blinks' 一秒钟

标签 javascript jquery css

我有一个平滑的滚动效果:

jQuery('html,body').animate({scrollTop:scrollTarget}, 1000, "swing");

它工作正常,但是当按下多个元素时,有时它会闪烁页面内容一秒钟......你可以试试这个链接:http://teothemes.com/wp/vptest/ ,单击服务,然后在联系人上单击 10 次...当您锁定在联系人部分时,尝试单击服务,您将看到服务区域如何显示一秒钟,这不太好,我 wnat摆脱它。

理想情况下,我希望效果以某种方式延迟执行......我现在有一个条件

if(parseInt(scrollTarget) !== parseInt(jQuery(window).scrollTop())) {

以防止滚动到同一区域,但如果您在服务中点击联系人 5 次,理想情况下它应该第一次转到联系人,第二次应该获取正确的 scrolltop 和 scrolltarget第一次执行而不是单击时的执行。

非常感谢任何想法。

最佳答案

jQuery preventDefault() 方法可以解决问题!

关于javascript - jQuery 平滑滚动问题,页面 'blinks' 一秒钟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12260530/

相关文章:

javascript - 取决于页面位置的 CSS 类

jQuery - 我的选择器也在选择另一个 img 元素

html - 将 div 定位到带有 overflow hidden 的可见容器底部

css - 为什么 Firefox 57 不像其他浏览器那样设置我的 <option> 元素的样式?

javascript 模态不工作

javascript - 如何确定给定字符串是否经过 HTML 转义?

javascript - jQuery - 如果所有子级都受到影响,则隐藏父级

jquery - ajaxComplete 不适用于 $(window)

javascript - 我如何在 node.js 中显示渲染而不是 console.log

asp.net - 完成方法后面的代码后执行javascript方法?