jquery实现平滑移动的锚点定位

不同于传统的锚点定位,Jquery的锚点定位就显得相当友好,体验度也大大地加强了。先看传统的锚点定位:


<a href="#pos">传统的锚点</a><p id="pos">我是锚点定位的内容</p>
锚点定位之后会直接置顶到顶部,此时url会发生变化,后面会多了个#pos,看起来不是那么雅观。
$(function(){ $('.li').click(function(){ //offset相对于当前窗口的偏移(与position进行区别) $('html,body').animate({scrollTop: ($('.p'+$(this).attr('data-id')).offset().top)},2000); }) })
接着是jquery的锚点定位就显示优雅多了。

值得注意是offset和position的区别,请查阅相关手册。

16154012_Shwu.png

X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
jquery实现平滑移动的锚点定位
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/227.html    百度已收录
正文到此结束

点击下方支持本站

点击支持下贵站吧
点击支持下贵站吧

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

微笑可爱憨笑鼓掌白眼发呆撇嘴色得意吐抠鼻可怜呲牙惊讶冷汗流泪大哭发怒抚摸傲慢惊恐鄙视疑问奸笑抓狂偷笑流汗擦汗晕委屈吓衰糗大了威武给力牛逼

评论信息框

火箭正在发射中...


既然没有吐槽,那就赶紧抢沙发吧!