課程
/前端開發(fā)
/HTML/CSS
/回到頂部效果
頁面剛生成的時候圖標(biāo)沒有出現(xiàn)，可是出現(xiàn)后回到第一頁的時候并沒有隱藏，這是為什么？
2016-03-13
源自：回到頂部效果 4-2
正在回答
你有沒有放在onscroll那個函數(shù)里呢
var clientHeight=document.documentElement.clientHeight;//獲取頁面可視區(qū)高度，讓回到頂部圖標(biāo)隱藏和出現(xiàn)
//獲取滾動條距離頂部的高度
var osTop=document.documentElement.scrollTop||document.body.scrollTop;
? ? ? ? ? ? if (osTop >= clientHeight){
? ? obtn.style.display="block"; //顯示按鈕
}else {
obtn.style.display="none"; //隱藏按鈕
}
舉報
回到頂部網(wǎng)站不可缺少的一部分，用JS實現(xiàn)炫酷拉風(fēng)的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-11-14
你有沒有放在onscroll那個函數(shù)里呢
2016-03-13
var clientHeight=document.documentElement.clientHeight;//獲取頁面可視區(qū)高度，讓回到頂部圖標(biāo)隱藏和出現(xiàn)
//獲取滾動條距離頂部的高度
var osTop=document.documentElement.scrollTop||document.body.scrollTop;
? ? ? ? ? ? if (osTop >= clientHeight){
? ? obtn.style.display="block"; //顯示按鈕
}else {
obtn.style.display="none"; //隱藏按鈕
}