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