详情页返回列表页时保持原来的位置

3种方法去实现,

1.设置锚点

<a href="#1F" name="1F">锚点1</a> 
<div name="1F"> 
<p>锚点</p>
</div> 
<ul>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li class="m"><a href="2.html" id="a"></a></li>
	<li class="i"><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li class="a"><a href="2.html" id="c"></a></li>
	<li class="o"><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
	<li><a href="2.html"></a></li>
</ul>
<!-- 1这样的定位可以针对任何标签来定位 -->

<!-- <a href="#5F">锚点5</a> 
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> 
<a name="5F">1111111</a> 
 -->

<!--2 使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。  -->


<!-- 此方法针对单页面跳转 -->
<!-- <li class="" οnclick="javascript:document.getElementById('here').scrollIntoView()"></li>  -->

2.缓存历史数据,包括cookies,sessionstorage

sessionStorage.setItem("keya_a1", keya_a1)
<!-- $(function () {
var str = window.location.href;
str = str.substring(str.lastIndexOf("/") + 1);
if ($.cookie(str)) {
$("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
}
else {
}
})
$(window).scroll(function () {
var str = window.location.href;
str = str.substring(str.lastIndexOf("/") + 1);
var top = $(document).scrollTop();
$.cookie(str, top, { path: '/' });
return $.cookie(str);
}) -->


<!-- $('html, body').scrollTop($("#" + $('#UPDID').val()).offset().top);  -->

3.跳转遮罩层

<!-- 遮罩层 -->
<!-- fixed定位的div:  
<div id="indexMax">  
        <iframe id="FrameIndex" src="#" width="100%" frameborder="0" style="height: 100%;"></iframe>  
    </div>  
//返回  
        function goback() {  
            if ($("#indexMax").is(":hidden")) {  
                window.location.href = "/RC_ShareMain/Wo_Index?UIID=" + $('#UIID').val() + "";  
            } else {  
                $('#indexMax').hide();  //定位的div消失  
            }  
        }  
//列表查看  
        function ChaKan(id) {  
            $('#indexMax').show();//详情的div出现  
            $('#FrameIndex').attr("src", "/BeiPinBeiJian/RuKuListDetail?UIID=" + $("#UIID").val() + "&UPDID=" + id + ""); //iframe赋值  
        }  
  
  
//详情页里的返回:  
function goback() {  
            $('#indexMax', parent.document).hide();  //父级页面的div消失  
        }   -->



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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值