// 使用 window.scrollTo 方法滚动到指定位置
// 立即滚动到页面的某个特定坐标 (x, y)
window.scrollTo({
top: 1000, // 滚动到距离顶部 1000 像素的位置
left: 0, // 水平方向不滚动
behavior: 'smooth' // 平滑滚动效果
});
// 如果需要滚动到某个特定元素的位置,可以使用 element.scrollIntoView 方法
const element = document.getElementById('targetElement'); // 获取目标元素
element.scrollIntoView({
behavior: 'smooth', // 平滑滚动效果
block: 'start' // 元素的顶端对齐到视窗的顶端
});
window.scrollTo
:用于将窗口滚动到指定的坐标位置。top
参数指定垂直滚动的距离,left
参数指定水平滚动的距离。behavior
设置为 'smooth'
可以实现平滑滚动效果。
element.scrollIntoView
:用于将指定的 DOM 元素滚动到视窗的可见区域。block: 'start'
表示元素的顶部会与视窗的顶部对齐。
如果你只需要简单的立即滚动,可以直接使用 window.scrollTo(0, 1000)
,但推荐使用带有 behavior: 'smooth'
的方式来提升用户体验。
上一篇:js formdata
下一篇:js math.sqrt
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站