用javascript動態顯示/隱藏返回頂部按鈕

Question

我很難找到一段代碼來動態顯示用戶滾動時可以說超過1000個像素的返回頂部按鈕。所有的例子都使用jQuery，我不能使用jQuery。任何幫助將非常感激。

Answer 1

集時pageOffset是某一點（在window.onscroll事件）的CSS：

window.onscroll = function() 
{ 
    if(pageOffset >= 1000) 
    { 
     document.getElementById('backToTopID').style.visibility="visible" 
    } 
}; 

更多的東西全是：

window.onscroll = function() 
{ 
    if(pageOffset >= 1000) 
    { 
     document.getElementById('backToTopID').style.visibility="visible" 
    }else 
    { 
     document.getElementById('backToTop').style.visibility="hidden"; 
    } 
}; 

DEMO

Answer 2

JavaScr IPT使用Window.onscroll

var appended = false, bookmark = document.createElement("div"); 
bookmark.id = "arrowUp"; 
bookmark.innerHTML = "<a href=\"#\" title=\"Top of the page.\">&uarr;<\/a>"; 

onscroll = function() { 
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 
    if (scrollTop > 500) { 
    if (!appended) { 
     document.body.appendChild(bookmark); 
     appended = true; 
    } 
    } else { 
    if (appended) { 
     document.body.removeChild(bookmark); 
     appended = false; 
    } 
    } 
}; 

源

https://developer.mozilla.org/en-US/docs/Web/API/window.onscroll

演示鏈接

http://jsfiddle.net/MA4dC/