jQuery實現(xiàn)自動滾動到頁面頂端的方法
更新時間：2015年05月22日 15:18:13 作者：不吃皮蛋
這篇文章主要介紹了jQuery實現(xiàn)自動滾動到頁面頂端的方法,涉及jQuery針對頁面操作的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了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程序設(shè)計有所幫助。
相關(guān)文章
jQuery實現(xiàn)為動態(tài)添加的元素綁定事件實例分析
這篇文章主要介紹了jQuery實現(xiàn)為動態(tài)添加的元素綁定事件,結(jié)合實例形式分析了jQuery常見的事件綁定相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-09-09
(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證,初學(xué)者必看
下面小編就為初學(xué)者們分享一篇(模仿京東用戶注冊)用JQuery實現(xiàn)簡單表單驗證，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了jQuery對象的selector屬性用法,實例分析了selector屬性返回選擇器的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這兩天的工作內(nèi)容不多，基本是關(guān)于jquery中ajax的。之前一直都是寫的最簡單的ajax請求，并沒關(guān)注怎么獲取ajax返回值的問題。2015-08-08
當(dāng)頁面打開時我們需要執(zhí)行一些操作，下面為大家介紹三種不錯的方法，大家可以參考下2014-06-06
下面小編就為大家?guī)硪黄钊肜斫鈐Query事件綁定。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JQuery將文本轉(zhuǎn)化成JSON對象需要注意的問題
在JQuery的許多方法中，很多方法的參數(shù)可以傳入一個JSON對象，比如Ajax方法的第二個參數(shù)。怎么將文本轉(zhuǎn)化成JSON對象，需要注意以下問題2011-05-05
我們在前端開發(fā)，經(jīng)常要用到彈出層的效果，以前很早前就想將這個功能整理成一個公共的接口來實現(xiàn)了；自寫的第一個jQuery插件，這里分享給大家，有需要的小伙伴參考下。2015-04-04
Superfish是一款Jquery插件，它能非常容易的建立復(fù)雜的多級下拉菜單，Superfish使用也非常普遍。你可能用Superfish實現(xiàn)多種菜單效果。2015-04-04
只需引入jqery.js,不需要引入插件，利用jquery定義的一些基本方法，就能實現(xiàn)諸如隱藏，顯示，淡入，淡出，半透明等2010-12-12