我一直在尝试让我的链接适用于我正在创建的主题,但我不知道jQuery的平滑滚动。在我的主题中,我使用了以下jQuery,我看到在线工作:
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});
在我的动态WordPress菜单中,我将网址设置为#values,#about,#contact等,并在我使用的页面上的特定位置指向它<span id="values"></span>, <span id="about"></span> and <span id="contact"></span>
它可以工作,但平滑滚动不起作用。我看到锚点用于在页面的各个部分在线平滑滚动,但我希望能够定位span标签的id。我试图制作一个锚标记来测试它是否有效,但它仍然没有。
如何让它发挥作用?
答案 0 :(得分:0)
Miro在评论中回答了正确答案 - &#34;在Wordpress中,您需要添加外部jquery或将美元符号等同于已使用的符号。尝试在所有滚动代码上方添加$ = jQuery;
。如果这不起作用,请用$
替换所有jQuery
。&#34;