javascript - 固定按钮在滚动后停止工作

Question

我制作了具有固定样式的 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>

当页面完全向上滚动时，它按预期工作，但向下滚动一点后按钮停止工作。任何想法如何处理这个？

Answer 1

根据其他内容，这里可能有多种情况。按钮实际上可能被其顶部的一些透明元素遮挡了，尤其是当鼠标悬停在其上时光标没有改变。添加 z-index: 100(或其他任意大的数字)会有所帮助。