jquery 仿锚点跳转到页面指定位置的实例
更新时间：2017年02月14日 12:45:45 投稿：jingxian
下面小编就为大家带来一篇jquery 仿锚点跳转到页面指定位置的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js 仿锚点跳转到页面指定位置，用的是 offset() 方法
$(document).ready(function(){
var target_top = $("#qa5").offset().top;
//$("html,body").animate({scrollTop: target_top}, 1000); //带滑动效果的跳转
$("html,body").scrollTop(target_top);
});
jQuery：
offset()：
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。
position()：
获取匹配元素相对父元素的偏移。
返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
scrollTop() ：
方法设置或返回被选元素的垂直滚动条位置。
提示：当滚动条位于最顶部时，位置是 0。
当用于返回位置时：
该方法返回第一个匹配元素的滚动条的垂直位置。
当用于设置位置时：
该方法设置所有匹配元素的滚动条的垂直位置。
以上这篇jquery 仿锚点跳转到页面指定位置的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了jQuery滚动监听，实现商城楼梯式导航,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
使用jquery实现的文字向上滚动效果多的不计其数吧，间歇向上滚动却不是那么的多，所以本文简单的实现了一个，感兴趣的朋友可以参考下哈2013-06-06
这篇文章主要介绍了jQuery实现监控页面所有ajax请求的方法,涉及jQuery中ajax请求的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
这篇文章主要介绍了jQuery插件zTree实现清空选中第一个节点所有子节点的方法,涉及jQuery树形插件zTree针对节点的遍历与移除相关操作技巧,需要的朋友可以参考下2017-03-03
jquery中的sortable排序之后的保存状态的解决方法
其实在前年的这个时候，我就有用过这个sortable组件，那时候搞了个个人网站（可惜后来关了），首页就用到了这种拖拽的效果。2010-01-01
最近在使用JQuery的ajax方法时，要求返回的数据为json数据，在处理的过程中遇到下面的几个问题，那就是采用不同的方式来生成json数据的时候，在$.ajax方法中应该是如何来处理的，下面依次来进行说明。2015-04-04
这篇文章主要介绍了jQuery判断一个元素是否可见的方法,涉及jQuery链式操作及样式判定的技巧,需要的朋友可以参考下2015-06-06
滑动门切换效果想必大家都有见到过吧，在本文为大家介绍下jQuery是如何实现层切换的2013-09-09
jquery提示效果有很多，本文也提供一个超漂亮的仿腾讯弹出层效果，热爱特效的你可千万不要错过了啊，希望本文提供的案例对你学习jquery特效有所帮助2013-02-02
实现点击按钮弹出遮罩层，点击按钮可以随意拖动和关闭。接下来，通过本篇文章给大家介绍遮罩层点击按钮弹出并且具有拖动和关闭效果，需要的朋友可以参考下2015-08-08
最新评论