h5跳转链接后返回,继续浏览当前页的位置不变

当前页面点击动态生成的a标签后,跳转到二级页面,从二级页面返回当前页面时,需要定位到之前浏览的位置

	//监听页面跳转
    $(".chunk-3").on("tap", "a", function () {
        
        var distance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;//处理兼容
        sessionStorage.setItem("distance", distance);//设置缓存,记录到顶部的距离,页面关闭时,sessionStorage被清除
    })
    //加载页面时,如果存在distance,表示是跳转二级页后返回来的
	$(document).ready(function () {
        var dis = sessionStorage.getItem("distance");
        if(dis!=null){
        	$("html,body").animate({ scrollTop: dis }, "fast");
        }
    })

你可能感兴趣的:(JS小功能)