jQuery平滑滚动到Wordpress中的锚点

Question

我试图在单击WordPress中的菜单项后实现jQuery平滑滚动到锚点。 我正在使用此示例：

http://jsfiddle.net/YtJcL/

这是js文件：

 $(".anchor_scroll").click(function(event){
 event.preventDefault();
 //calculate destination place
 var dest=0;
 if($(this.hash).offset().top > $(document).height()-$(window).height()){
    dest=$(document).height()-$(window).height();
}else{
    dest=$(this.hash).offset().top;
}
//go to destination
$('html,body').animate({scrollTop:dest}, 5000,'swing');
});

在我的wordpress页面中，我创建了一个部分：

<section id="services"></section>

然后在wordpress的自定义菜单中将“ anchor_scroll”类添加到链接中：

<a class="anchor_scroll" href="#services">.

之后，按下链接后，我可以导航到页面中的锚点，但是，jQuery代码似乎不起作用，因为没有平滑的滑动效果，只能跳转。

Answer 1

这是我要使用的代码；

$(".anchor_scroll").click(function(){
    var section = $(this).attr('href');
    $('html, body').animate({
        scrollTop: $(section).offset().top - 15
    });  
});