網(wǎng)頁回到頂部實(shí)現(xiàn)方法

js獲取頁面元素距離瀏覽器工作區(qū)頂端的距離

網(wǎng)頁被卷起來的高度/寬度(即瀏覽器滾動條滾動后隱藏的頁面內(nèi)容高度)

(javascript)document.documentElement.scrollTop//firefox

(javascript)document.documentElement.scrollLeft//firefox

(javascript)document.body.scrollTop?//IE

(javascript)document.body.scrollLeft //IE

(jqurey)$(window).scrollTop()

(jqurey)$(window).scrollLeft()


網(wǎng)頁實(shí)時滾動的方法

$(window).scroll()

這里是實(shí)時控制回到頂部按鈕顯示隱藏的事件

$(window).scroll(function () {

if ($(window).scrollTop() >500) {

$('#gotoTop').css('display','block');

}else{

$('#gotoTop').css('display','none');

}

});

這里是回到頂部按鈕點(diǎn)擊事件

$('#gotoTop').click(function () {

$('body,html').animate({scrollTop:0},1000);

return false;

});


當(dāng)然還有錨點(diǎn)的方法 但直接跳轉(zhuǎn)太過僵硬。



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末鳞绕,一起剝皮案震驚了整個濱河市畏鼓,隨后出現(xiàn)的幾起案子登舞,更是在濱河造成了極大的恐慌砰碴,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異湾盒,居然都是意外死亡北救,警方通過查閱死者的電腦和手機(jī)荐操,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來珍策,“玉大人托启,你說我怎么就攤上這事∪林妫” “怎么了屯耸?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蹭劈。 經(jīng)常有香客問我疗绣,道長,這世上最難降的妖魔是什么铺韧? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任多矮,我火速辦了婚禮,結(jié)果婚禮上祟蚀,老公的妹妹穿的比我還像新娘工窍。我一直安慰自己,他們只是感情好前酿,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布患雏。 她就那樣靜靜地躺著,像睡著了一般罢维。 火紅的嫁衣襯著肌膚如雪淹仑。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天肺孵,我揣著相機(jī)與錄音匀借,去河邊找鬼。 笑死平窘,一個胖子當(dāng)著我的面吹牛吓肋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瑰艘,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼是鬼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了紫新?” 一聲冷哼從身側(cè)響起均蜜,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎芒率,沒想到半個月后囤耳,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年充择,在試婚紗的時候發(fā)現(xiàn)自己被綠了德玫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡聪铺,死狀恐怖化焕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情铃剔,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布查刻,位于F島的核電站键兜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏穗泵。R本人自食惡果不足惜普气,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望佃延。 院中可真熱鬧现诀,春花似錦、人聲如沸履肃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽尺棋。三九已至封锉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間膘螟,已是汗流浹背成福。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荆残,地道東北人奴艾。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像内斯,于是被迫代替她去往敵國和親蕴潦。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Window和document對象的區(qū)別 window對象window對象表示瀏覽器中打開的窗口window對象是...
    FConfidence閱讀 2,198評論 0 5
  • 一.首先介紹常用的屬性: HTML精確定位:scrollLeft,scrollWidth,clientWidth,...
    silingling閱讀 3,056評論 0 1
  • 1.第一種方式:錨鏈接 優(yōu)點(diǎn):簡單快速嘿期,沒有兼容性問題 缺點(diǎn): 視覺上不夠直觀品擎,用戶體驗(yàn)不太好 2.js的方式: ...
    love2013閱讀 789評論 0 0
  • 一、JS前言 (1)認(rèn)識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu))备徐,知道了CSS樣式(也稱為表示)萄传,會使用HT...
    凜0_0閱讀 2,770評論 0 8
  • 如果不調(diào)用,那么64位系統(tǒng)設(shè)置局部變量的時候,將局部參數(shù)壓入棧秀菱,不會像8086一樣振诬,修改sp的值,調(diào)用的時候直接使...
    mkb2閱讀 392評論 0 2