自动滚动到搜索输入字段，并且在移动设备上不显示旧的搜索选项

Question

所以我的网站上有一个搜索输入字段。

<input type="search" id="searchfield">

当我在移动设备(Chrome浏览器(上单击它时，会出现键盘。所以我向上滚动以使其肯定可见。

$('input').on('focus', function () {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
document.body.scrollTop = this.getBoundingClientRect().top - screen.height / 4;
}
});

但是它可以在菜单中显示搜索字段的旧输入，并且它会向下滚动大约半页，并隐藏其后面的整个页面。

看起来像这样

我希望你能帮助我。 :)

Answer 1

您只需关闭自动完成属性。

<input type="search" id="searchfield" autocomplete="off"/>