js怎么自动滚动到指定位置?

原创 野人  2022-02-04 22:38  阅读 149 次

这应该是比较常用的需求了,目前我已知的应用场景有在阅读微信公众号文章时,当退出后,再次进入后会自动滚动到之前阅读的地方。

所有,基于上面的需求,我们这边需要用到一个API,是document.scrollingElement.scrollTop,这个API就是获取当前滚动的距离,这个API是可读可写的,所以这就意味着可以直接赋值这个API的值,如document.scrollingElement.scrollTop = 100;那么滚动的距离就为100了。

还有一种方法是,利用锚点的话,直接上的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="#target">跳转到id为target的元素位置</a>
    <div style="height: 1000px;"></div>
    <div id="target">我是target元素</div>
</body>
</html>

本文地址:https://www.yerenwz.com/5672.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论