键盘弹出时网页滚动[关闭]

Posted

技术标签:

【中文标题】键盘弹出时网页滚动[关闭]【英文标题】:Webpage scrolls when keyboard pops up [closed] 【发布时间】:2019-02-20 22:40:41 【问题描述】:

我注意到,当我在 ipad 或 iphone 上打开网站上的聊天框并开始输入时,聊天框后面的网页会滚动回网站顶部,而不是停留在我滚动的位置向下。我的网站是 www.leormanelis.com。在安卓设备上似乎不会发生。有谁知道修复?

视频 - https://screencast.com/t/uiWdL39Qg6

【问题讨论】:

你能发布你的代码吗?只有当我们能够诊断问题时,我们才能提供帮助!作为参考,这里是如何创建Minimal, Complete, and Verifiable example的链接 【参考方案1】:

您的滚动到顶部按钮位于聊天按钮下方,这是来自 Mac 上的 Safari,您需要确保 2 个按钮的 CSS 不会相互重叠

example

【讨论】:

以上是关于键盘弹出时网页滚动[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

移动端软键盘弹出时文本输入框下沉获取焦点并弹出软键盘

当键盘弹出时如何隐藏图像小部件?

flutter中关于软键盘弹起导致的问题

iphone弹出键盘时取消滚动动画

弹出键盘时iOS 11无限滚动

flutter 键盘弹出时list view 置底