Question

我在Wordpress网站http://www.ilovestvincent.com

上插入了这个流畅的锚定滚动代码

jQuery(function(){
    jQuery('a[href^="#"]').on('click',function (e) {

        var target = this.hash;
        var $target = jQuery(target);

        jQuery('html, body').stop().animate({
            'scrollTop': $(target).offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

这会在点击顶部菜单链接时触发平滑滚动，但它不起作用。这段代码在我的其他网站上运行正常，但我很难过为什么它不会在ilovestvincent.com上运行。

任何提示都会受到高度赞赏，欢呼。

Answer 1

以下是应该有效的摘录：

jQuery(document).ready(function(){
    jQuery('a[href^="#"]').click(function() {

       var target = jQuery(this).attr('href');

       jQuery('html, body').stop().animate({
         'scrollTop': target.offset().top
       }, 900, 'swing', function () {
          window.location.hash = target;
       });

   });
});

锚定平滑滚动无法在Wordpress网站

1 个答案: