jQuery實現(xiàn)自動滾動到頁面頂端的方法
更新時間：2015年05月22日 15:18:13 作者：不吃皮蛋
這篇文章主要介紹了jQuery實現(xiàn)自動滾動到頁面頂端的方法,涉及jQuery針對頁面操作的相關技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)自動滾動到頁面頂端的方法。分享給大家供大家參考。具體實現(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程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
文本框中經(jīng)常會有提示你輸入的信息，當你點擊文本框，提示信息自動消失，下面也為大家介紹下輸入框消失文字的方法，感興趣的朋友可以參考下2013-04-04
jQuery EasyUI Pagination實現(xiàn)分頁的常用方法
這篇文章主要為大家詳細介紹了jQuery EasyUI Pagination實現(xiàn)分頁的常用方法，感興趣的朋友可以參考一下2016-05-05
這篇文章主要介紹了一個有意思的鼠標點擊文字特效jquery代碼,需要的朋友可以參考下2017-09-09
zepto與jquery的區(qū)別及zepto的不同使用8條小結
這篇文章主要介紹了zepto與jquery的區(qū)別及zepto的不同使用8條小結 的相關資料,需要的朋友可以參考下2016-07-07
本篇文章只要是對Jquery實現(xiàn)的一種常用高亮效果示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
本篇文章主要是對文本框水印提示效果的簡單實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jQuery實現(xiàn)的頁面遮罩層功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的頁面遮罩層功能,結合完整實例形式詳細分析了jQuery遮罩層實現(xiàn)步驟與相關操作技巧,需要的朋友可以參考下2017-10-10
如何使用jquery修改css中帶有!important的樣式屬性
如何使用jquery修改css中帶有!important的樣式屬性？下面小編就為大家?guī)硪黄褂胘query修改css中帶有!important的樣式屬性方法。希望對大家有所幫助。一起跟隨小編過來看看吧2016-04-04
很多網(wǎng)站的首頁都有廣告輪播，今天閑來看了一網(wǎng)站的首頁廣告輪播方式，是通過 jQuery的blockSlide插件實現(xiàn)的，然后自己測試了一下，很好。2010-11-11