滚动

Question

我已经制作了div＆＃34; button＆＃34;它具有固定的样式，因此即使在滚动页面时它也总是停留在一个地方。这是代码

＆＃13;

＆＃13;

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();
    }
}

＆＃13;

.go-back {
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	bottom: 0%;
	margin: 50px;
	padding: 25px;
	border-radius: 100px;
}

＆＃13;

<div class="go-back">
    <
</div>

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

这可能是多种情况，具体取决于其他内容。按钮实际上可能被顶部的某个透明元素遮挡，特别是如果光标在悬停在其上时没有改变。添加z-index: 100（或其他任意大数字）可以提供帮助。