jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法
本文實(shí)例講述了jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法。分享給大家供大家參考。具體如下:
定義好指定的anchor錨點(diǎn),調(diào)用下面的js代碼可以讓頁(yè)面平滑的滾動(dòng)到指定的位置,非常實(shí)用,比如返回頁(yè)面頂部,去往頁(yè)面底部等功能
// 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; }); });
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jquery 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法
- jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果
- 基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動(dòng)
- 一個(gè)JQuery寫的點(diǎn)擊上下滾動(dòng)的小例子
- JQuery獲取元素尺寸、位置及頁(yè)面滾動(dòng)事件應(yīng)用示例
- JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
- js,jquery滾動(dòng)/跳轉(zhuǎn)頁(yè)面到指定位置的實(shí)現(xiàn)思路
- jQuery實(shí)現(xiàn)將div中滾動(dòng)條滾動(dòng)到指定位置的方法
- 使用jquery animate創(chuàng)建平滑滾動(dòng)效果(可以是到頂部、到底部或指定地方)
- 通過(guò)JQuery將DIV的滾動(dòng)條滾動(dòng)到指定的位置方便自動(dòng)定位
- 利用jquery制作滾動(dòng)到指定位置觸發(fā)動(dòng)畫
- jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法分析
相關(guān)文章
淺談jquery采用attr修改form表單enctype不起作用的問題
下面小編就為大家?guī)?lái)一篇淺談jquery采用attr修改form表單enctype不起作用的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11淺談jquery.form.js的ajaxSubmit和ajaxForm的使用
下面小編就為大家?guī)?lái)一篇淺談jquery.form.js的ajaxSubmit和ajaxForm的使用。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09jQuery.Autocomplete實(shí)現(xiàn)自動(dòng)完成功能(詳解)
本篇文章除了介紹jquery.autocomplete基本參數(shù)外,主要說(shuō)明jquery.autocomplete的數(shù)據(jù)源的格式問題。2010-07-07jQuery實(shí)現(xiàn)的頁(yè)面詳情展開收起功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的頁(yè)面詳情展開收起功能,涉及jQuery事件綁定及頁(yè)面元素屬性動(dòng)態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-06-06js+JQuery返回頂部功能如何實(shí)現(xiàn)
很多網(wǎng)站上都有返回頂部的效果,本文闡述如何使用jquery實(shí)現(xiàn)返回頂部按鈕,需要的朋友可以參考下2012-12-12