当前位置: 首页 > 编程笔记 >

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

钱弘壮
2023-03-14
本文向大家介绍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 仿锚点跳转到页面指定位置的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍angularJs中跳转到指定的锚点实例($anchorScroll),包括了angularJs中跳转到指定的锚点实例($anchorScroll)的使用技巧和注意事项,需要的朋友参考一下 $anchorScroll 根据HTML5的规则,当调用这个函数时,它检查当前的url的hash值并且滚动到相应的元素。 监听$location.hash()并且滚动到url指定的锚点的地方。 可

  • 我对jQuery移动锚有问题。当我点击带有某个锚的_blank链接时,我会重定向到新选项卡中的新页面并导航到锚链接。但是当页面完全加载时,页面跳转到页面顶部

  • 本文向大家介绍Angular 利用路由跳转到指定页面的指定位置方法,包括了Angular 利用路由跳转到指定页面的指定位置方法的使用技巧和注意事项,需要的朋友参考一下 之前做过页面内的跳转,比较简单,最近项目需要实现跨页面跳转,并跳转到指定地点,试了很多方法,有用到传递参数然后让页面滚动相应的距离,但是一旦文章长短发生变化,滚动的距离也需要重新计算,比较麻烦,所以最后总结出这两种比较靠谱的方法,只

  • #include <stdio.h> void fun (int x) { if (x < 0) puts ("error"); } int main (void) { int i = 1; fun (i--); fun (i--); fun (i--); return 0; } 技巧 当调试程序时,你可能不小心走过了出错的地方: (gdb) n 13

  • 本文向大家介绍js点击返回跳转到指定页面实现过程,包括了js点击返回跳转到指定页面实现过程的使用技巧和注意事项,需要的朋友参考一下 这个功能之前有简单的带过,这次详细的讲解下原理和存在的问题(由于是运用html5的新API 所以有兼容问题,推荐移动端使用该方法)。 功能描述: 在浏览器中新建标签页并指定一个网址,网页加载完毕后,正常流程下是不允许点击返回的。因为当前标签页的相关历史记录是没有的,所

  • 本文向大家介绍jQuery实现页面内锚点平滑跳转特效的方法总结,包括了jQuery实现页面内锚点平滑跳转特效的方法总结的使用技巧和注意事项,需要的朋友参考一下 平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没