我的腳本不適用於Mozilla Firefox，但在Chrome上適用

Question

我有一個簡單的「回到頂部」按鈕，用JS編碼。當我向下滾動150px時，它會顯示在頁面的右下角，當我點擊這個按鈕時，它會將我帶回頁面的頂部。

這可以在谷歌瀏覽器上正常使用，但在Mozilla Firefox瀏覽器上不能。

我有一個類似的問題與另一個腳本，從用戶輸入生成一個隨機數。

first script on codepen:

(function(){ 

    function createButton() { 

    var button = document.createElement("button"); 


    button.classList.add("backToTop", "hiddenBack"); 
    button.textContent = "back"; 
    document.body.appendChild(button); 

    return button; 
    } 
    var button = createButton(); 

    function animatedScroll(){ 
    if(window.pageYOffset > 0){ 
     window.scrollBy(0, -5); 
     setTimeout(animatedScroll, 10); 
    } 

    }; 

    button.addEventListener("click", function(e) { 
     e.stopPropagation(); 
     animatedScroll(); 

    },false); 

    window.addEventListener("scroll", function(e){ 

    if(window.pageYOffset >= 150){ 
     button.classList.remove("hiddenBack"); 
    }else { 
     button.classList.add("hiddenBack"); 
    } 

    },false); 


})(); 

second script on codepen:

var btn = document.querySelector("#getNumbers"), 
    output = document.querySelector("#showNumbers"); 

function getRandom(min, max) { 
    return Math.round(Math.random() * (max - min) + min); 
} 

function showRandomNumber(){ 

    var numbers = []; 
    var random, 
    from = document.querySelector("#from").value, 
    to = document.querySelector("#to").value, 
    how = document.querySelector("#how").value; 

    for(var i = 0; i < how; i++){ 

    random = getRandom(from,to); 

    while(numbers.indexOf(random) !== -1){ 
     random = getRandom(from,to); 
    } 

    numbers.push(random) 
    } 

    output.value = numbers.join(", "); 

} 

btn.onclick = showRandomNumber; 

Answer 1

使用的window.pageYOffset代替document.body.scrollTop：

if(window.pageYOffset >= 150)

在這裏的問題的更多細節： document.body.scrollTop Firefox returns 0 : ONLY JS