- 此问题在此处已有答案**:
(18个答案)
昨天关门了。
我的网站上有一个用户发布内容的可滚动提要。有一个按钮可以触发一个弹出窗口/覆盖层,应该暂停滚动。我找到了一种方法来暂停PC浏览器,但我无法暂停我的iPhone上的滚动造成一个奇怪的视觉故障,显示弹出窗口/覆盖层后面的内容仍然滚动,好像它是顶部的内容。
我试过将位置更改为固定,但这不会保存用户单击弹出窗口/覆盖按钮之前的位置。相反,它会将用户返回到页面顶部。我希望冻结用户,无论他们在屏幕下方多远,这样当他们关闭弹出窗口时,他们将能够再次滚动。
<script>
function NewPostPopup() {
const noscroll = document.getElementById("newpostpopup").classList.toggle("active");
if (noscroll) {
document.body.style.overflow = "hidden";
}
else {
document.body.style.overflow = "auto";
}
}
</script>
1条答案
按热度按时间q8l4jmvw1#
添加此样式
这个逻辑