很多网站都有这种功能,主要为了让用户在长篇大论中比较迅速的跳到自己想要看的内容处,比如bootstrap就有相应的功能。 介绍一种非常简便可以实现这种功能的方式。 思路: .这里要用到点击事件,因为点击处可能数量较多,因此最好用事件代理来处理,可以提高性能。 .当点击一个按钮时,能够获取到与他相对应的元素的ID。 .通过jquery的offset方法返回top和left两个属性后获取他的top属性 ...
2015-12-16 11:12 4 23819 推荐指数:
<body> <script type="text/javascript"> function click_scroll() { var scrol ...
<html><head><script type="text/javascript" src="jquery-1.11.1.min.js"></script><script type="text/javascript"> ...
首先获取某元素的位置 第二部 top 就是元素在纵轴的位置 可以自己进行调整 这里选择元素位置向上60px 就是-60 第三步滚动到指定位置 第二个参数为滚动时间 单位毫秒 ...
@参考博客 var t = $("#id").offset().top;// 获取需要跳转到标签的top值 //$(window).scrollTop(t);// 跳转到指定位置 $("html,body").animate({ scrollTop: t}, 1000);//与上同效 ...
实现效果 效果1:点击标签跳转到页面的指定位置 效果2:当页面滑动到相应位置时导航栏样式改变 效果如下: 方法: 使用scrollTop进行定位和跳转。 首先,在HTML中给跳转到的结点设置id 然后在js中设置点击事件,点击导航栏的按钮使窗口跳转 ...
1.给链接a加个#的方式来实现跳转(锚点方法) 2.用animate属性,当点击锚点后,页面滚动到相应的DIV ...
当我们在进行页面跳转的时候想跳到另外一个页面的指定位置 比如 那个页面的文章有几个字段 <div><a id="a1">天气情况</a></div> 天气的内容 <div><a id="a2">收入 ...