滚动页面自动

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