javascript - 防止虚拟键盘推送内容

我有网站；带输入的背景图像。当我按下手机上的输入时，键盘将打开，一切都被推上。我希望内容保留在原处，而键盘只是翻阅内容而不影响（移动）它。我看到了这个解决方案：

input.onfocus = function () {
    window.scrollTo(0, 0);
    document.body.scrollTop = 0;
}

但这似乎不起作用。期待您的回答！

最佳答案

您可以看一下这篇StackOverflow帖子，但我将为您总结最有用的部分：

从输入的CSS作为position: fixed;开始。聚焦时，将其更改为absolute。这是JS的示例：

if (document.getElementById("fixed") == document.activeElement) {
    document.getElementById("fixed").class += "absolute"
}

当然，这取决于CSS：

#fixed {
    ...
    position: fixed;
}
#fixed.absolute {
    position: absolute;
}

我希望这有帮助！

关于javascript - 防止虚拟键盘推送内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51138754/