-
href="javascript:;"作用是：阻止瀏覽器默認(rèn)行為；若鏈接為空或#，默認(rèn)調(diào)到頂部 no-repeat背景不平鋪 margin-left:610px;計(jì)算中間到右邊的距離； #btn:hover{}鼠標(biāo)移上去變化 -40px;因?yàn)槎ㄎ辉诒尘皥D片的上半部，-40會(huì)移到此時(shí)背景圖片的下半部；+40會(huì)移動(dòng)此時(shí)背景圖片的上方查看全部
-
回到頂部js查看全部
-
回到頂部涉及到的知識(shí)點(diǎn)查看全部
-
clientHeight獲取可視區(qū)高度查看全部
-
document.documentElement.scrollTop//IE document.body.scrollTop//google 獲取頁面高度查看全部
-
href="javascript:;" 消除a標(biāo)簽?zāi)J(rèn)動(dòng)作 為空或# 默認(rèn)返回最頂查看全部
-
為什么改成負(fù)的就能滾到頭？ 回答這個(gè)問題前，先來看下為什么不改成負(fù)數(shù)就不行呢？ 注意這句：var ispeed = Math.floor(osTop / 6); 當(dāng)上面osTop的值小于6這個(gè)除數(shù)時(shí)，ispeed的值始終等于0（向下取整了），所以問題來了，當(dāng)ispeed的值不變時(shí)，osTop - ispeed 這個(gè)控制滾動(dòng)條的值也就不變了，所以滾動(dòng)條永遠(yuǎn)到不了頂。 實(shí)際中，當(dāng)osTop = 5 時(shí)，ispeed 為 0，下面兩句也始終為5： document.documentElement.scrollTop = osTop - ispeed; // 兼容IE document.body.scrollTop = osTop - ispeed; // 兼容FF、Chrome 所以滾動(dòng)條一直停在距離頂部5px的地方。 OK，那為什么改成負(fù)數(shù)就行了呢？其實(shí)改負(fù)數(shù)的目的就是讓ispeed的值不為0. 實(shí)際中，當(dāng)osTop = 5（或小于5時(shí)），Math.floor(osTop / 6) 的值為 -1，這樣就使得 osTop + ispeed 的值始終能減小下去，直至到0. 這種用負(fù)數(shù)的方法不好理解，我是采用Math.ceil()這個(gè)方法（向上取整）實(shí)現(xiàn)的，代碼如下： obtn.onclick = function(){ // 定時(shí)器開啟 timer = setInterval(function(){ // 獲取當(dāng)前滾動(dòng)條距離頂部距離 var osTop = document.documentElement.scrollTop || document.body.scrollTop; var ispeed = Math.ceil(osTop / 6); document.documentElement.scrollTop = osTop - ispeed; document.body.scrollTop = osTop - ispeed; if(osTop == 0){ clearInterval(timer); } },30);查看全部
-
<a href="javascript:;"> 阻止瀏覽器的默認(rèn)行為查看全部
-
js知識(shí)點(diǎn)查看全部
-
返回頂部知識(shí)點(diǎn)查看全部
-
滾動(dòng)事件查看全部
-
JavaScript事件綁定寫法： window.onload=function(){ var btn=document.getElementById("btn"); btn.onclick=function(){ alert("Hello"); } }查看全部
-
1、點(diǎn)擊鏈接，回到頂部： <a href="#" id="btn"></a> 2、阻止點(diǎn)擊鏈接時(shí)回到頂部的行為： <a href="javascript:;" id="btn"></a>查看全部
-
錨鏈接實(shí)現(xiàn)頁面內(nèi)定位查看全部
-
html查看全部
舉報(bào)
0/150
提交
取消