gpt4 book ai didi

javascript - 带偏移量的平滑滚动 anchor (jquery)

转载 作者:行者123 更新时间:2023-11-29 16:49:08 24 4
gpt4 key购买 nike

我使用以下代码为我网站上的 anchor 添加平滑滚动。因为我有一个粘性标题 ID 喜欢用 200px 来抵消它

$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});

最佳答案

尝试在 scrollTop 动画中添加或删除一个值

$('a[href*="#"]:not([href="#"])').click(function() {
var offset = -200; // <-- change the value here
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top + offset
}, 1000);
return false;
}
}
});

关于javascript - 带偏移量的平滑滚动 anchor (jquery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37881988/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com