js平滑滚动到锚点
var btn = document.getElementById('btn')
var target = document.getElementById('target')
btn.addEventListener('click', function() {
window.scrollTo({
left: 0, // 横向滚动距离
top: target.offsetTop, // 竖向滚动距离
behavior: "smooth" // 平滑滚动
})
})
jQuery平滑滚动到锚点
注意jQuery版本要用3以上的,我用的是jquery-3.5.1。用低版本的会有页面闪烁的问题。
$('.btn').click(function() {
$('html,body').animate({
scrollTop: $('#target').offset().top
}, 600)
})