Question

我有以下jQuery移动页面：

<div id="performMeasurementPage" data-role="page">
 <div data-role="header" role="banner" data-position="fixed" data-theme="b">
  <h1>Measurement</h1>
  <a data-role="button" data-direction="reverse" data-rel="back" href="" data-icon="arrow-l" data-iconpos="left">Care Plan </a>
 </div>
 <div data-role="content">
  <div data-content-theme="d">
   <form id="measurementForm" action="#performMeasurementPage">
    <h3>Blood Pressure</h3>
    <label for="systolic"><em>* </em>Systolic:</label>
    <input type="number" name="systolic" id="systolic" />
    <label for="diastolic">Diastolic:</label>
    <input type="number" name="diastolic" id="diastolic" />
    <fieldset class="ui-grid-a">
     <div class="ui-block-a">
      <h3>Temperature:</h3>
     </div>
     <div class="ui-block-b">
      <input type="number" name="temperature" id="temperature" data-theme="b"></input>
     </div>
    </fieldset>
    <div data-role="fieldcontain">
     <label for="slider">
      <h3>Weight:</h3>
     </label>
     <input type="range" name="slider" id="slider" value="50" min="50" max="300" />
    </div>
    <button id="doneMeasurement" type="button" data-theme="b">Done</button>
   </form>
  </div>
 </div>
 <div data-role="footer" class="ui-frame ui-frame-footer" id="footer" data-position="fixed" data-theme="b">
  <h1> Footer </h1>
 </div>
</div>

此页面的javascript仅为文本框分配点击事件和验证。现在，内容滚动就好了，除非我专注于任何一个文本框。弹出键盘并按“完成”后，内容无法再滚动，并将页面按到顶部。

此外，需要注意的是，此行为在Android和iOS中都会重复出现。

我很感激这一方面的任何帮助。

Answer 1

iOS和Android都将WebKit作为其浏览器的核心。因此，Mobile Safari中的错误有时也会出现在Android浏览器中（Chrome？）。

也许通过在Mobile Firefox中尝试来解决问题是有帮助的。它不使用WebKit。这将决定它是浏览器错误还是代码问题。

无法滚动到底部

1 个答案: