jQuery實現(xiàn)平滑滾動到指定錨點的方法
更新時間:2015年03月20日 11:23:32 作者:令狐不聰
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動到指定錨點的方法,實例分析了jQuery根據(jù)錨點定位滾動的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)平滑滾動到指定錨點的方法。分享給大家供大家參考。具體如下:
定義好指定的anchor錨點,調(diào)用下面的js代碼可以讓頁面平滑的滾動到指定的位置,非常實用,比如返回頁面頂部,去往頁面底部等功能
// HTML: // <h1 id="anchor">Lorem Ipsum</h1> // <p><a href="#anchor" class="topLink">Back to Top</a></p> $(document).ready(function() { $("a.topLink").click(function() { $("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top + "px" }, { duration: 500, easing: "swing" }); return false; }); });
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
- jquery 點擊元素后,滾動條滾動至該元素位置的方法
- jquery實現(xiàn)的圖片點擊滾動效果
- 基于jquery實現(xiàn)點擊左右按鈕圖片橫向滾動
- 一個JQuery寫的點擊上下滾動的小例子
- JQuery獲取元素尺寸、位置及頁面滾動事件應用示例
- JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
- js,jquery滾動/跳轉(zhuǎn)頁面到指定位置的實現(xiàn)思路
- jQuery實現(xiàn)將div中滾動條滾動到指定位置的方法
- 使用jquery animate創(chuàng)建平滑滾動效果(可以是到頂部、到底部或指定地方)
- 通過JQuery將DIV的滾動條滾動到指定的位置方便自動定位
- 利用jquery制作滾動到指定位置觸發(fā)動畫
- jQuery實現(xiàn)點擊滾動到指定元素上的方法分析
相關文章
淺談jquery采用attr修改form表單enctype不起作用的問題
下面小編就為大家?guī)硪黄獪\談jquery采用attr修改form表單enctype不起作用的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11淺談jquery.form.js的ajaxSubmit和ajaxForm的使用
下面小編就為大家?guī)硪黄獪\談jquery.form.js的ajaxSubmit和ajaxForm的使用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09jQuery.Autocomplete實現(xiàn)自動完成功能(詳解)
本篇文章除了介紹jquery.autocomplete基本參數(shù)外,主要說明jquery.autocomplete的數(shù)據(jù)源的格式問題。2010-07-07