控制的js代码如下:
首頁 > web前端 > js教程 > js控制的回到頁面頂端goTop的程式碼實作_javascript技巧

js控制的回到頁面頂端goTop的程式碼實作_javascript技巧

WBOY
發布: 2016-05-16 17:40:03
原創
1206 人瀏覽過

有沒有看過很多在頁面的右下角有個【回到頂端】的懸浮東東,並且在開始時沒有,一移動滾動條就出現,回到了頂端又消失的樣子。
像:
js控制的回到頁面頂端goTop的程式碼實作_javascript技巧
控制的js程式碼如下:

複製程式碼



複製程式碼


程式碼如下


function goTop(){
var _btn = document.getElementById("goTop");
if (document.documentElement && document.documentElement. document.documentElement;
} else if (document.body) {
var _con = document.body;
}
window.onscroll = set;
_btn.style.🎜>window.onscroll = set;
_btn.style.left = document.onscroll = document. documentElement.scrollWidth/2 500 "px";
_btn.onclick = function (){
_btn.style.display = "none";
window.onscroll = null;
this.timer = setInterval(function() {
_con.scrollTop -= Math.ceil(_con.scrollTop * 0.3);
if (_con.scrollTop == 0) clearInterval(_btn.timer, window.onscroll = set);
},10);
}; function set() { _btn.style.display = _con.scrollTop ? 'block': "none"; } } ; document.write(""); window.onscroll = goTop;
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板