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消失
} -->