求教 帮忙看下那块出错了

<button id="myBtn" title="返回顶部">
返回顶部</button>
<script>
window.onscroll = function () {
var button=document.getElementById("myBtn");
if (document.body.scrollTop>20){
button.style.display="block"
}
else{
button.style.display="none";
}
}
</script>

求教 返回顶部的js
期望的效果是 网页最开始滚动条在最上面的时候按钮消失
滚动条向下滚动时，按钮出现
但是这个JS实现之后成了一开始按钮出现，滚动条向下滚动时，按钮消失
求教如何改过来

多谢各位

把你那个if...else的判断条件调换一下顺序

找到问题所在了 多谢各位
<button id="button">返回顶部</button>
<script>
window.onscroll=function(){
var A=document.getElementById('button');
scrollTop = Math.max(document.body.scrollTop,document.documentElement.scrollTop)
if(scrollTop>30){A.style.visibility="visible";}
else{A.style.visibility="hidden";}
}