原生JavaScript方法,使视窗滚动到最底部(注意,是最底部,不是任意位置)

直接百度搜索js滚动到最底部,得来的代码是:

var ele = document.getElementById('id');
ele.scrollTop = ele.scrollHeight;

改了之后,代码是这样的

var div = document.getElementsByTagName('body')[0];
div.scrollTop = div.scrollHeight;

这段代码经过测试,并没有任何卵用,无法做到滚动到body元素的最底部。

 

后来又发现了一个scroll相关的方法,经测验,是可以滚动到最底部的。

element.scrollIntoView({block: "end"});

元素的成员方法scrollIntoView,允许加入一个object数据体选项参数,这个参数中只要如代码中所述,指定block:"end",这行代码即可成功滚动到最底部。详情方法描述请参见API文档链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView

 

顺便总结一下,代码提示对我们的学习、寻找很重要。比如当我需要滚动页面代码时,百度搜出来的虽然不抵用,但是它给了我一个scroll的关键字,于是我就可以打开浏览器页面console控制台,寻找一个元素的含有scroll关键字的方法,代码提示将会给出含有scroll关键字的成员,这将很有可能帮助我们解决问题。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值