锚定平滑滚动在 Wordpress 网站上不起作用

Posted 2023-05-09

【中文标题】锚定平滑滚动在 Wordpress 网站上不起作用

【英文标题】：Anchor smooth scrolling not working on a Wordpress site

【发布时间】：2017-11-20 08:36:58

【问题描述】：

我在我的 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 上运行。

任何提示都将受到高度赞赏，干杯。

【问题讨论】：

尝试将目标更改为 var target = $(this).attr('href')

【参考方案1】：

这是应该工作的sn-p：

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;
       );

   );
);