0

我在 jQuery mobile 的页面内容部分编写了以下代码，每当我尝试在文本框中编写任何内容时，页面都会自动上下滚动。也就是说，我的屏幕不会固定在我正在编写的文本框中，它会上下滚动. 请帮忙，
谢谢。

<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" />上面的代码中写行时，我的页面不滚动，但是当我包含这一行时，页面开始滚动为什么？

4

1 回答 1

0

$.mobile.silentScroll

$.mobile.silentScroll (method)
滚动到特定的 Y 位置而不触发滚动事件侦听器。
· 参数：yPos（数字，默认为0）。传递任意数字以滚动到该 Y 位置。例子：

//scroll to Y 100px
$.mobile.silentScroll(100);
于 2012-06-13T19:10:38.943 回答