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

自动滚动页面

1 个答案: