0

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" />しないとページがスクロールしないのに、この行を含めるとページがスクロールし始めるのはなぜですか??

4

1 に答える 1

0

$.mobile.silentScroll

$.mobile.silentScroll (メソッド)
スクロール イベント リスナーをトリガーせずに、特定の Y 位置までスクロールします。
· 引数: yPos (数値、デフォルトは 0)。その Y 位置までスクロールするには、任意の数値を渡します。例:

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