jQuery实现了同一页面的锚链接之间的平滑滚动。

web前端的开发一直在使用jQuery,真正接触到原创jQuery的体验,比我想象的要强大得多,可能比我觉得更强大,特别是兼容性好,所以放一些好玩的,酷的,可以代替js的,全部为。

从jQuery,我们引入今天的主题,使用jQuery实现之间的锚链接的平滑滚动。前面介绍的JS与特定网页的锚跳缓冲,效果相当不错,可以实现对锚链接的同一页面平滑滚动,但JS代码比较长,现在,只要jQuery是装的,我们可以用一个简短的代码来达到相同的效果。

该方法的使用如下:

1,加载jQuery库;

2。关键代码:


$(文档)Ready(函数(){)
$({ }href = #)。Click(function(){)
如果(location.pathname.replace( / / / ^,this.pathname.replace( / / / ^ = =),)location.hostname = =这个主机名){
var目标$ = $(这个散列);
目标= $($美元target.length目标| | $ {名称=+ this.hash.slice(1 +)});
如果($目标长度){
无功targetoffset = target.offset美元(顶部);
('html美元,人体动画({)。
ScrollTop:targetoffset
},
1000);
返回false;
}
}
});
});


加载顺序应该再次强调,jQuery类库首先被引用,顺便说一下,经过测试,滚动效果与所有浏览器兼容,只有Opera有点怪异,还需要改进。