scrollIntoView()的用法

scrollIntoView API用于控制页面滚动,使指定元素与视图顶部或底部对齐。参数为true时,元素顶部与视图顶部对齐;参数为false时,元素底部与视图底部对齐。此API在页面可滚动时生效。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 scrollIntoView是一个与页面(容器)滚动相关的API(官方解释),该API只有boolean类型的参数能得到良好的支持(firefox 36+都支持),所以在这里只讨论参数Boolean类型的情况。

调用方法为 element.scrollIntoView() 参数默认为true。

参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;

参数为false时,使element的底部与视图(容器)底部对齐。

TIPS:页面(容器)可滚动时才有用!

1、document.getElementById("view").scrollIntoView();

 

2、document.getElementById("view").scrollIntoView(false);

scrollIntoView可以说是URL中hash标记的进化,那么它在什么时候用到呢?想想hash(也就是#xxx)的作用吧!

如下应用

 

 

---------------------
作者:何处青山
来源:优快云
原文:https://blog.youkuaiyun.com/hyl94/article/details/77472154
版权声明:本文为博主原创文章,转载请附上博文链接!

转载于:https://www.cnblogs.com/gopark/p/10278534.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值