Javascript 防止虚拟键盘向上推送内容

我有自己的网站；带有输入的背景图像。当我按下手机上的输入键时，键盘会打开一个按钮，所有的东西都会向上推。我想取而代之的是，内容保持在原来的位置，键盘只是为了在不影响（移动）内容的情况下浏览内容。我看到了这个解决方案：

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

---

但它似乎不起作用。我期待着你的回答

你可以看看这篇文章，但我将为你总结最有用的部分：

开始时输入的CSS为

position:fixed。对焦时，将其更改为
绝对
。下面是一个JS示例：

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

当然，这取决于CSS：

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

我希望这有帮助
 你可以看看这篇文章，但我将为你总结最有用的部分：

开始时输入的CSS为
position:fixed。对焦时，将其更改为
绝对
。下面是一个JS示例：

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

当然，这取决于CSS：

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

我希望这有帮助