企业建设网站的作用大不大,技能培训网,中国最好的公关公司,建设网站龙华问题#xff1a;一般情况下使用href跳转达到效果。如果页面中头部固定住了#xff0c;点击瞄点的时候自动是最上面#xff0c;头部会给它覆盖掉一部分#xff0c;所以要在点击之后额外再加头部高度 a href#aaTechnical Documents/adiv id一般情况下使用href跳转达到效果。如果页面中头部固定住了点击瞄点的时候自动是最上面头部会给它覆盖掉一部分所以要在点击之后额外再加头部高度
a href#aaTechnical Documents/adiv idaaaaaaaaaaaaa/div
js
// 当点击瞄点时执行滚动动作
$(a[href#aa]).on(click, function(e) {e.preventDefault(); // 阻止默认行为var targetPosition $(#aa).offset().top; // 获取瞄点位置$(html, body).animate({scrollTop: targetPosition 100 // 滚动到瞄点位置再额外往下滚动100px}, 800); // 滚动持续时间
});如果有多个的话封装js
// 当点击瞄点时执行滚动动作
function scrollToAnchor(anchor, offset) {$(a[href anchor ]).on(click, function(e) {e.preventDefault(); // 阻止默认行为var targetPosition $(anchor).offset().top; // 获取瞄点位置$(html, body).animate({scrollTop: targetPosition - offset // 滚动到瞄点位置再额外往下滚动指定的偏移量}, 800); // 滚动持续时间});
}// 使用封装的函数
scrollToAnchor(#aa, 200);
