jQuery(document).ready(function() {
jQuery('a[href*=#]').click(function(){
if ($window_width > 1000 ) {
var offset = 96;
} else {
var offset = 0;
}
jQuery('html, body').animate({
scrollTop: jQuery('[name="' + jQuery(this).attr('href').substr(1) + '"]').offset().top - offset
}, 500);
return false;
});
});
当用户点击指向同一页面上的锚点的链接时,此代码应该为转换设置动画。它适用于除Firefox以外的所有浏览器,相同的代码可以在Firefox的同一网站的不同页面上工作(!?)。
在Firefox中,它不会将用户带到锚标记,除非我删除"返回false;" - 在这种情况下,它会在没有动画的情况下跳到锚标签,但在其他浏览器中继续正常工作。
有什么想法吗?我的控制台没有错误。
- 编辑 -
我发现了另一个奇怪的地方。锚点动画在页面完全加载之前工作,然后停止工作。我还应该提一下,这是一个Wordpress站点,其中加载了大量脚本。
以下是我的锚标签的示例。
<a href="#self-managed">Self-Service</a>
<a name="self-managed"></a>