首页 > Web开发 > 详细

jquery滚动到指定元素,模仿锚点

时间:2015-11-04 13:08:24      阅读:217      评论:0      收藏:0      [点我收藏+]

html

 1 <div class="pd-nav">
 2     <div class="n-item active">
 3         保险服务 <i></i>
 4     </div>
 5     <div class="n-item " id="bzjh1">
 6         保障计划
 7         <i></i>
 8     </div>
 9         <div class="n-item"        onclick="window.location.href=‘http://fortune.jmc999.cn/finance.html‘">
10                         理财策划
11         <i></i>
12     </div>
13 </div>

jquery

<script type="text/javascript">
    //获取元素距离html顶部距离
	var _scrolltop = $(‘#bzjh2‘).offset().top;
	$(‘#bzjh1‘).click(function(){
		$(‘html, body‘).animate({
			scrollTop: _scrolltop},1000
		);
	})
</script>

  

jquery滚动到指定元素,模仿锚点

原文:http://www.cnblogs.com/bestsamcn/p/4935621.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!