我創建了一個滾動回傳頂部按鈕，我希望僅在頁面向下滾動一點后才會出現在頁面上。但是，該按鈕在第一次打開頁面時出現，但在再次向下和向上滾動后它消失了 - 因此它應該這樣做。我看了太多代碼，看不到問題出在哪里了:) 我應該如何更改下面的代碼，以便該按鈕僅在滾動后才會出現？
HTML部分：
<button onclick="topFunction()" id="button" title="Go to the top">^</button>
JavaScript 部分：
var myButton = document.getElementById("button");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
myButton.style.display = "block";
}
else {
myButton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
感謝您的時間！
uj5u.com熱心網友回復：
默認情況下隱藏它可能是避免故障/閃爍的最佳選擇。
<button style="display: none;" onclick="topFunction()" id="button" title="Go to the top">^</button>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/511240.html