자동 스크롤링 페이지

Question

jQuery 모바일의 페이지 내용 섹션에 다음 코드를 작성했습니다. 텍스트 상자에 아무 것도 쓰려고 시도 할 때마다 페이지가 자동으로 & 아래로 스크롤됩니다. 내 화면은 고정되어 있지 않습니다. 쓰기가 위아래로 스크롤됩니다. 도와주세요,
감사합니다.

<div data-role="content" class='content'> 

    <div data-role="collapsible"> 
    <h3>Purchased Product</h3> 
    <h5 id="list"> 
    <p1></p1> 
    </h5> 
    <hr/> 
    <h4></h4> 
    <hr/> 
    </div> <!-- collapsible --> 


    <div data-role="collapsible"> 

    <h3>Customer Information</h3> 

    <div data-role="fieldcontain"> 
    <label for="fname">First Name:</label> 
    <input type="text" name="fname" id="fname" value="" /> 
</div> <!--fieldcontain --> 

<div data-role="fieldcontain"> 
    <label for="lname">Last Name:</label> 
    <input type="text" name="lname" id="lname" value="" /> 
</div> <!--fieldcontain --> 

<div data-role="fieldcontain"> 
<label for="address">Address :</label> 
    <textarea name="address" id="address"></textarea> 
</div> 

<div data-role="fieldcontain"> 
    <label for="email">Email ID:</label> 
    <input type="text" name="email" id="email" value="" /> 
</div> <!--fieldcontain --> 


<div data-role="fieldcontain"> 
    <label for="pcode">Postal Code:</label> 
    <input type="text" name="pcode" id="pcode" value="" /> 
</div> <!--fieldcontain --> 

    </div><!--collapsible --> 

<fieldset> 
<a href="#page_dashboard" data-role="button" data-inline="true">Cancel</a> 
    <form> 
    <input type="submit" value="order" /> 
    </form> 
    <!-- <a href="#page_order" data-role="button" data-inline="true" id="button_order">Order</a>--> 
</fieldset> 
</div><!-- content --> 

때 위의 코드에 <input type="submit" value="order" /> 라인을 작성하지, 내 페이지가 스크롤되지 않습니다,하지만 난이 줄을 포함 할 때, 페이지는 왜 스크롤 시작?

Answer 1

$ .mobile.silentScroll

• http://jquerymobile.com/demos/1.1.0/docs/api/methods.html

$ .mobile.silentScroll (법)에 스크롤 이벤트 리스너를 트리거하지 않고 특정의 Y 위치에 이동
.
· 인수 : yPos (숫자, 기본값은 0). Y 위치에 해당하는 으로 스크롤하려면 숫자를 전달하십시오. 예를 들면 :

//scroll to Y 100px 
$.mobile.silentScroll(100);