滾動頁面自動

Question

我寫了下面的頁面內容部分代碼在jQuery Mobile的，每當我試着寫在文本框什麼，頁面會自動滾動起來& down.that是我的屏幕不保持固定的文本框，在其中我是寫它滾動上下。請幫忙，
謝謝。

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