为什么jQuery平滑滚动在页面上跳跃？

Question

我在以下页面上有一个jQuery平滑滚动：

http://test4.coretechs.com/coretechs_site/promo-test

当您单击其中一个导航项时，它将滚动到该导航项的<div id=''>动画。 动画滚动条可以工作，但是在大多数情况下，滚动发生之前页面上会出现跳转。

我在Firefox和Chrome中遇到此问题。

有谁知道为什么会发生这种跳跃？

Answer 1

尝试event.preventDefault（）

$("ul.menu a.promonav_services, ul.menu a.promonav_portfolio, ul.menu a.promonav_contact").click(function (e) {
    e.preventdefault(); //stop the default behavior of anchor tag
    var href = $(this).attr('href').replace('#', '');
    scrollToAnchor(href);
});