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

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;
    }
});

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

It looks like this

我希望你能帮助我。 :)

Answer 1

您只需关闭 autocomplete attribute .

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