关于页面js定位

 目前,我知道的返回定位到具体位置有两种方法: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);
 });
相关文章
相关标签/搜索