目前,我知道的返回定位到具体位置有两种方法:javascript
①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。html
②利用距离顶部的距离,在跳转的时候带上当前位置滚动过的距离,返回的时候定位到该处。java
通常应用场景:ajax
定位到某一个模块的时候,有二级定位的时候利用方法①.code
定位到具体位置的时候,定位到某一个模块的时候,利用方法②。htm
下边就着重说明方法①:有两种方式能够实现ip
第一:经过html锚点实现滚动定位到页面指定位置(DIV) input
<a href="#abc">点击跳转</a>
点击上面A连接将会滚动跳转到同一页面中id="abc"的那个div处,须要注意的是跳转指定位置div的id是惟一的,A标签直接指向此id,id前面别忘了加上#号。hash
第二:经过点击button按钮使用js实现滚定跳转到页面指定位置(DIV)it
<input type="button" name="Submit" value="提交" onclick="javascript:onTopClick();" /> <div id="abc">将要跳转到这里</div> <script> function onTopClick() { window.location.hash = "#abc"; } </script>
下边就举个今天实现的例子(此例子是:先跳转到页面,页面再调用ajax获取数据,加载到页面,加载完成后就定位到某一行)
1.定位前须要先定义好惟一的id
<div id="ad10"> ......... </div>
2.页面数据加载完毕后才能执行定位,不然定位无效。示例以下:
这个是无效的
$(function(){ helpFind(); //请求数据,并加载数据 window.location.hash="#ad10";//页面定位 });
下边这种才会起做用
//列表显示 $(function(){ helpFind(); //页面请求数据,并加载数据 setTimeout(function(){ //使用 setTimeout()方法设定定时100毫秒 window.location.hash="#ad10";//页面定位 },100); });