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

