不能滾動到底

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？）中。

也許這將有助於通過在移動Firefox中嘗試解決問題。它不使用WebKit。這將決定它是瀏覽器錯誤還是代碼問題。