js dom.scrollIntoView()和dom.scrollIntoViewIfNeeded()将元素滚动到可视区域

最新推荐文章于 2024-09-01 08:38:31 发布

神奇大叔

最新推荐文章于 2024-09-01 08:38:31 发布

阅读量1.5k

点赞数

分类专栏： javaScript 文章标签： js

本文链接：https://blog.csdn.net/weixin_43294560/article/details/112156817

版权

javaScript 专栏收录该内容

127 篇文章 6 订阅

订阅专栏

页面（容器）可滚动时才有用！

 dom.scrollIntoView()
 	让当前的元素滚动到和其所在滚动区的可视区域内
 	
 	dom.scrollIntoView(true);	元素的顶端将和其所在滚动区的可视区域的顶端对齐。
 	dom.scrollIntoView(false);	元素的底端将和其所在滚动区的可视区域的底端对齐
	dom.scrollIntoView({
		block:'start/end',  			  和true/false同理
		behavior:'auto/instant/smooth'    滚动动画
	});	

 dom.scrollIntoViewIfNeeded()
 	如果元素完全不在可视区域，那么调用它的时候，页面是不会发生滚动的
 	
 	dom.scrollIntoViewIfNeeded(true)	让元素在可视区域中居中对齐
 	dom.scrollIntoViewIfNeeded(false)	元素可能顶部或底部对齐，视乎元素靠哪边更近