我的脚本不适用于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