您现在的位置:首页 > 博客 > 个人收藏 > 正文
锚点跳转距离顶部指定距离
http://www.yunkuaipai.cn/      2021-7-7 20:35:47      来源:小木鱼云快排      点击:

html

		
  1. <a href="#maodian">点这里跳</a>
  2. <div id="maodian">跳到这里</div>

js+jquery

		
  1. window.onhashchange=function(){
  2. var target = $(location.hash);
  3. if(target.length==1){
  4. var top = target.offset().top-120;// 距离顶部120像素
  5. if(top > 0){
  6. $('html,body').animate({scrollTop: top}, 1000);//带jq动画的跳转
  7. //$('html,body').css({scrollTop: top}) //不带jq动画的跳转
  8. }
  9. }
  10. };
发表评论(0)
姓名 *
评论内容 *
验证码 *图片看不清?点击重新得到验证码