滚动到顶部按钮在Android设备上不起作用

时间:2018-12-17 10:00:32

标签: javascript css

我在WordPress网站上添加了转到顶部按钮。可在台式机和iOS上运行,但无法在Android上运行。这是有问题的网站https://myfermentedfoods.com/

这是我所做的:

已添加到style.css

#myBtn {
display: none;
position: fixed; 
bottom: 20px; 
right: 30px; 
z-index: 99; 
border: none; 
outline: none; 
background-color: #ffcc00; 
color: black; 
cursor: pointer; 
padding: 15px; 
border-radius: 10px; 
font-size: 18px; 
}

#myBtn:hover {
background-color: #fff4c8; 
}

已添加到js

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop >             
   50) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
} 

0 个答案:

没有答案