JS实现页面进入、返回定位到具体位置总结

本文总结了两种JS实现页面返回时定位到具体位置的方法:一是利用ID定位,适用于多级定位;二是利用滚动距离定位,适用于定位到特定模块。在有二级定位的场景下,如Tab模块内容定位,需初始化页面时给每个模块设置唯一ID,并处理异步加载内容的情况。同时,跳转时携带当前位置滚动距离,确保返回时准确定位。这两种简单但实用的方法需要清晰的思路来避免错误。
摘要由CSDN通过智能技术生成

JS实现页面返回到具体位置方法

其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适

用了。例如,某些元素是在某种情况下才加上的,又或者多级定位。

目前,我知道的返回定位到具体位置有两种方法:

①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。

②利用距离顶部的距离,在跳转的时候带上当前位置滚动过的距离,返回的时候定位到该处。

应用场景

  • 定位到某一个模块的时候,有二级定位的时候利用方法①.

  • 定位到具体位置的时候,定位到某一个模块的时候,利用方法②。

有二级定位的时候具体实现方法

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值