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