JQuery下锚点的平滑跳转
生活随笔
收集整理的這篇文章主要介紹了
JQuery下锚点的平滑跳转
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
對于錨點的平滑跳轉,在一般的商業性質的網站上,權衡來說,要謹慎使用。
例如:讓頁面平滑滾動到一個id為box的元素處,則JQuery代碼只要一句話,如下:
$(“html,body”).animate({scrollTop:$(“#box”).offset().top},1000);
其中animate為JQuery的自定義動畫方法,$(“#box”).offset().top表示id為box的JQuery對象距離頁面頂部的偏移值,1000表示平滑動畫執行的時間為1000毫秒,也就是1秒。
轉載于:https://blog.51cto.com/tianceguodong/1684848
總結
以上是生活随笔為你收集整理的JQuery下锚点的平滑跳转的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 解析网上的XML文件
- 下一篇: 云盘创建及挂载