这应该是比较常用的需求了,目前我已知的应用场景有在阅读微信公众号文章时,当退出后,再次进入后会自动滚动到之前阅读的地方。
所有,基于上面的需求,我们这边需要用到一个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>