Question

我正在尝试在单击wordpress中的菜单项后实现jquery平滑滚动到锚点。我正在使用这个例子：

这是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
    });  
});

jquery平滑滚动到wordpress中的锚点

1 个答案: