html 滑动切换页面,JS动态滑动切换到页面指定位置

方法一：window.scroll

将页面动态划到指定的位置。

浏览器：IE11以上

window.scroll({

top: 2500,

left: 0,

behavior: 'smooth'

});

// Scroll certain amounts from current position

window.scrollBy({

top: 100, // could be negative value

left: 0,

behavior: 'smooth'

});

方法二：element.scrollIntoView

浏览器：IE11

划到指定的元素的位置。

// Scroll to a certain element

document.querySelector('.hello').scrollIntoView({

behavior: 'smooth'

});

方法二：jQuery

划到指定的锚点位置，兼容所有浏览器// Select all links with hashes

$('a[href*="#"]')

// Remove links that don't actually link to anything

.not('[href="#"]')

.not('[href="#0"]')

.