jQuery通过加载获取文件内容并跳转到锚点的方式
类似于帮助文档类型的页面已于昨天完成。左边的导航,和正确的显示的内容。原来,右边的内容显示区是通过iframe,但因为iframe自适应高度,有一种方法来改变它,使用加载方法在jQuery的Ajax。
直接使用jQuery的加载方法很容易在远程文件中获得内容:
$(#内容)。负荷(XXX .aspx)
这使得它很容易把xxx.aspx文件的内容在内容的ID标签。现在我想要达到的一个效果:当我得到该文件的内容,我想跳到对应的点,所以我认为用jQuery的scrollTop,例如,我把文件内容后,我想转移到标签ID =名字。
$(体、HTML)。动画({ scrollTop:$(#名称)。偏移()。顶});
(偏移)是在当前视口的相对偏移获得匹配的元素,$(#名称)(。偏移)。顶部的名称是把标签从当前视图顶部的相对偏移。上面的代码集成在一块,需要写。
$(函数(){())
$(#内容)。负荷(XXX .aspx
$(体、HTML)。动画({ scrollTop:$(#名称)。偏移()。顶});
});
})
为了避免点击服务器向服务器发送请求,我们可以存储您每次获取的数据。
当然,这种方法只适合不考虑SEO优化的页面使用。
希望本文能对大家的jQuery程序设计有所帮助。