我制作了具有固定样式的 div“按钮”,因此即使在滚动页面时它也始终停留在一个位置。这是代码
var backButton = document.getElementsByClassName("go-back");
for(i = 0; i < backButton.length; i++) {
backButton[i].style.cursor = "pointer";
backButton[i].onclick = function() {
hideIstorija();
hideVerta();
hideSarasas();
showStarting();
}
}
.go-back {
position: fixed;
background-color: rgba(0,0,0,0.5);
bottom: 0%;
margin: 50px;
padding: 25px;
border-radius: 100px;
}
<div class="go-back">
<
</div>
当页面完全向上滚动时,它按预期工作,但向下滚动一点后按钮停止工作。任何想法如何处理这个?
最佳答案
根据其他内容,这里可能有多种情况。按钮实际上可能被其顶部的一些透明元素遮挡了,尤其是当鼠标悬停在其上时光标没有改变。添加 z-index: 100
(或其他任意大的数字)会有所帮助。
关于javascript - 固定按钮在滚动后停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49793627/