自動スクロールは、入力フィールドを検索すると、だから私は私のウェブサイト上の検索入力フィールドを持つモバイル

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

しかし、それは、メニューに検索フィールドの古い入力を表示することができ、それが半ページ程度scrolldownを行い、その背後にちょっとページ全体を隠します。

It looks like this

私はあなたが私を助けることができると思います。 :)

Answer 1

あなただけautocomplete attributeをオフにする必要があります。

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