jQuery實(shí)現(xiàn)自動滾動到頁面頂端的方法
本文實(shí)例講述了jQuery實(shí)現(xiàn)自動滾動到頁面頂端的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
$(".scroll").click(function(event)
{
//prevent the default action for the click event
event.preventDefault();
//get the full url - like mysitecom/index.htm#home
var full_url = this.href;
//split the url by # and get the anchor target
//name - home in mysitecom/index.htm#home
var parts = full_url.split("#");
var trgt = parts[1];
//get the top offset of the target anchor
var target_offset = $("#"+trgt).offset();
var target_top = target_offset.top;
//goto that anchor by setting the body scroll top to anchor top
$('html, body').animate({scrollTop:target_top}, 500);
});
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
用jquery實(shí)現(xiàn)輸入框獲取焦點(diǎn)消失文字
文本框中經(jīng)常會有提示你輸入的信息,當(dāng)你點(diǎn)擊文本框,提示信息自動消失,下面也為大家介紹下輸入框消失文字的方法,感興趣的朋友可以參考下2013-04-04
jQuery EasyUI Pagination實(shí)現(xiàn)分頁的常用方法
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI Pagination實(shí)現(xiàn)分頁的常用方法,感興趣的朋友可以參考一下2016-05-05
一個有意思的鼠標(biāo)點(diǎn)擊文字特效jquery代碼
這篇文章主要介紹了一個有意思的鼠標(biāo)點(diǎn)擊文字特效jquery代碼,需要的朋友可以參考下2017-09-09
zepto與jquery的區(qū)別及zepto的不同使用8條小結(jié)
這篇文章主要介紹了zepto與jquery的區(qū)別及zepto的不同使用8條小結(jié) 的相關(guān)資料,需要的朋友可以參考下2016-07-07
Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼
本篇文章只要是對Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01
jQuery實(shí)現(xiàn)的頁面遮罩層功能示例【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的頁面遮罩層功能,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery遮罩層實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
如何使用jquery修改css中帶有!important的樣式屬性
如何使用jquery修改css中帶有!important的樣式屬性?下面小編就為大家?guī)硪黄褂胘query修改css中帶有!important的樣式屬性方法。希望對大家有所幫助。一起跟隨小編過來看看吧2016-04-04

