本文小编为大家详细介绍“jquery怎么模仿锚点跳转到页面指定位置”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery怎么模仿锚点跳转到页面指定位置”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
js 仿锚点跳转到页面指定位置,用的是 offset() 方法
$(document).ready(function(){vartarget_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不显示图片背景如何解决
jquery不显示图片背景如何解决这篇文章主要介绍了jquery不...
vue引入静态jquery报错如何解决
vue引入静态jquery报错如何解决这篇文章主要介绍“vue引入...
jquery如何求屏幕的高度
jquery如何求屏幕的高度这篇“jquery如何求屏幕的高度”文...
jquery如何删除最后一个子元素
每周一书《深入PHP与jQuery开发中文版附源码》分享!
jquery数据类型有哪些
jquery中size用不了怎么解决
jquery如何判断某个标签是否存在
jquery如何移除前一个元素
hover是不是jquery事件
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议