Warum wird Div gescrollt, wenn die Eingabe in tizen ausgewählt ist?

Question

Ich habe eine tizen Web-Anwendung, die mehrere Eingabefelder hat. Wenn der Benutzer auf eine Eingabe klickt, scrollt div nach unten und die Eingabefächern werden angezeigt. So kann der Benutzer das Eingabefeld nicht sehen. Wie verhindere ich das?

Ich habe versucht, dies mit:

$('input').bind('focusin focus', function(e){ 
    e.preventDefault(); 
}); 

Es funktioniert nicht.

Edit: Hier ist ein Musterteil:

<div class="ui-page" id=""> 
    <div class="ui-header"> 
     <h1 class="ui-title">Header</h1> 
    </div> 

    <div class="ui-content" id="history"> 
     <ul data-role="listview"> 
      <li><span>Input 1:</span> 
      </li> 
      <li> 
       <input type="tel" id="input1" style="background-color: #d1d1d1;"> 
      </li> 
      <li><span>input 2:</span> 
      </li> 
      <li> 
       <input type="number" id="input2" style="background-color: #d1d1d1;"> 
      </li> 

      <li><span>Input 3</span> 
      </li> 
      <li> 
       <input type="number" id="input3" style="background-color: #d1d1d1;"> 
      </li> 
     </ul> 

     <input class="ui-btn" type="button" onclick="done_click()" value="Done"> 
    </div> 

</div> 

Answer 1

diese

Der folgende Code Versuchen Sie werden Ihrem Eingang Fokus Autoscroll.

$('input').bind('focusin focus', function(e){ 
    var $input = $(this); 
    $('html,body').stop().animate({ scrollTop: $input.offset().top } , '500', 'swing'); 
}); 

Ich würde sogar eine offset - 25, stellen Sie eine gute Sicht zu bieten und schafft etwas Platz auf der Oberseite. Sie können dies später anpassen.

Wenn dies nicht funktioniert, versuchen Sie es mit einem Timeout: z.

$('input').bind('focusin focus', function(e){ 
    var $input = $(this); 
    setTimeout(function(){ 
     $('html,body').stop().animate({ scrollTop: $input.offset().top } , '500', 'swing'); 
    }, 345); 
});