html - 专注于粘性条强制页面中的输入以滚动到顶部

标签 html css mobile focus responsive

我有以下情况: 响应式网站、粘性标题和粘性标题中的搜索输入。

当我滚动页面并单击搜索输入时,问题出现在手机和平​​板电脑上,它聚焦于输入字段并显示手机键盘并将页面滚动到输入字段在 DOM 中的位置(位于我的 html 代码的开头)

如何防止滚动到顶部,并将焦点放在我的搜索栏上? 我不确定我是否解释清楚了。这就是为什么我附上有问题的视频 - https://youtu.be/7UOiDmEvp4U

最佳答案

原来iOS 8+有位置固定的bug

这是我用来解决问题的方法:https://gist.github.com/AlexanderOMara/8747f59b6450878e78c7

关于html - 专注于粘性条强制页面中的输入以滚动到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38301871/

相关文章:

html - 在桌面端,如何查看手机版网站的源代码

javascript - 在第 n 次出现换行符后剪切字符串(性能)

javascript - 按属性/属性查找元素

html - 试图连续获取信息的div

html - 使用 HTML 对齐和对齐文本

javascript - 如果在移动设备上查看则显示弹出窗口

java - 用 Java 打印 DOM 树?

php - 在 echo 中格式化日期

php - 将字符串截断为单词和框大小

html - 如何为移动访问者呈现桌面 View 但仍可缩放?