我有一个带有固定菜单的网站,菜单链接使用户将页面向下滚动到他们单击的链接的内容。但是因为我有固定的菜单,所以当我单击菜单中的链接并且网站使我失望时,如果我的菜单没有碍事,那将是完美的选择。但它是。我希望内容在我的固定菜单之后开始,但是我不知道该如何完成。这是我用来获取使用户失望的链接的jQuery:
$(document).ready(function(){
$('li 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');
window.location.hash = target;
});
});
});
更改$target.offset().top
为$target.offset().top - 64
考虑固定菜单的高度。根据菜单的高度根据需要进行调整,或者仅在代码中查询菜单的实际当前高度。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句