当前位置:首页 > 日记 > 正文

jquery 仿锚点跳转到页面指定位置的实例

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 仿锚点跳转到页面指定位置的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

JavaScript中双符号的运算详解

JavaScript中双符号的运算详解

运算,详解,符号,电脑软件,JavaScript,一、双波浪号var i = 5.1;var j = 5.5;console.log(~~i); // 5console.log(~~j); // 5作用类似Math.floor。类似的意思是在处理正数的时候,如果处理负数就它俩就不同了:~~-5.1 // 5Math.floor(-5.1) // -…

PHP实现广度优先搜索算法 | BFS,Br

PHP实现广度优先搜索算法 | BFS,Br

广度优先搜索,算法,详解,电脑软件,PHP,本文实例讲述了PHP实现广度优先搜索算法。分享给大家供大家参考,具体如下:广度优先搜索的算法思想 Breadth-FirstTraversal广度优先遍历是连通图的一种遍历策略。因为它的思想是从一个顶点V0开始,辐射状…

ps怎么制作逐帧动画?

ps怎么制作逐帧动画?

逐帧动画,电脑软件,ps,PS是我们常用的软件,大多数人都多少会一些,经常用它来修图,但是却很少有人知道它也可以用来制作动画,有很多简单的动画图都可以用PS来完成,下面小编就来讲下用PS怎么做动画。软件名称:Adobe Photoshop 8.0 中文完整绿色破解…

了解什么是Excel2007的工作簿和工

了解什么是Excel2007的工作簿和工

工作,电脑软件,  在操作Excel 2007之前,我们需要了解单元格、工作表、工作簿三者之间的关系。以下是小编为您带来的关于了解Excel2007的工作簿和工作表,希望对您有所帮助。了解Excel2007的工作簿和工作表Excel工作簿在Excel中,工作簿是处理…

.net core如何使用Redis发布订阅

.net core如何使用Redis发布订阅

发布订阅,如何使用,电脑软件,net,core,Redis是一个性能非常强劲的内存数据库,它一般是作为缓存来使用,但是他不仅仅可以用来作为缓存,比如著名的分布式框架dubbo就可以用Redis来做服务注册中心。接下来介绍一下.net core 使用Redis的发布/订阅…

PS简单绘制一个轻写实的油漆刷icon

PS简单绘制一个轻写实的油漆刷icon

图标,教程,绘制,简单,油漆刷,效果图:主要过程:12 阅读全文教程结束,以上就是PS简单绘制一个轻写实的油漆刷icon图标教程的全部内容,希望大家喜欢!相关教程推荐:photoshop中短信icon图标按钮制作教程Photoshop设计简洁风格的线性ICON图标Photosho…

photoshop简单制作清爽的冰冻文字

photoshop简单制作清爽的冰冻文字

文字,冰冻,清爽,简单,电脑软件,photoshop怎么制作冰冻文字?方法很简单,推荐过来,快来学习一下吧。步骤:1、点击“文件”-‘’打开”,打开图片。2、选择“横排文字工具”,字体为方正新舒体繁体,设置大小,选择平…

jQuery实现的事件绑定功能基本示例

jQuery实现的事件绑定功能基本示例

事件绑定,示例,功能,电脑软件,jQuery,本文实例讲述了jQuery实现的事件绑定功能。分享给大家供大家参考,具体如下:HTML正文:用户名:<input type="text" value="邮箱/用户名/手机号" id="login"/><br>密 码:<input type="password" id="…

JavaScript实现链表插入排序和链表

JavaScript实现链表插入排序和链表

链表,归并排序,插入排序,电脑软件,JavaScript,本篇文章详细的介绍了JavaScript实现链表插入排序和链表归并排序,链表的归并排序就是对每个部分都进行归并排序,然后合并在一起。1.链表1.1链表的存储表示//链表的存储表示typedef int ElemType;…

fireworks怎么设计一个立体的炫光

fireworks怎么设计一个立体的炫光

球体,电脑软件,fireworks,fireworks怎么设计一个立体的炫光球体?下面我们就来看看详细的教程,很简单,新手也可以进来学习一下。软件名称:fireworks8简体中文版 (含序列号)软件大小:88MB更新时间:2014-09-091、画一个圆。启动Fireworks-> 将背景…

PPT2016如何给文字的偏旁部首设置

PPT2016如何给文字的偏旁部首设置

设置,文字,偏旁,部首,颜色,  在PPT的使用过程中,如果想让别人很好的分辨出文字的偏旁部首,我们可以将文字的偏旁部首设置成另外一个颜色。以下是小编为您带来的关于PPT2016给文字的偏旁部首设置颜色,希望对您有所帮助。PPT2016给文字的偏旁…

PS怎么制作一个聚光灯投影的效果?

PS怎么制作一个聚光灯投影的效果?

投影,聚光灯,效果,电脑软件,PS,上一次分享了PS如何做节日彩纸效果,这次和大家一起分享用PS如何制作投影灯的效果。由于内容比较多,大家可以分两次阅读哦(即使你没有PS基础,只有有点耐心也可以学会哦)软件名称:Adobe Photoshop 8.0 中文完整绿色破…