需要在弹出窗口中调整浏览器的页脚大小才能显示（Jquery Mobile）

Question

我正在测试Jquery Mobile中的弹出窗口，我点击了一个按钮时会弹出这个内容，而弹出内容中还有一个页脚，但页脚不会出现（仅限于我调整浏览器的大小）。我不确定为什么页脚不会出现。此外，我已将内容设置为可滚动但目前根本不滚动。

<div data-role="popup" id="popupDialog33" data-overlay-theme="b" data-dismissible="false" style="max-width:100%;" id="popcontent">

    <div role="main" class="ui-content scroll" >
       <input type="text" data-role="date">
    <p>Filter test</p>

        <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Yes</a>

     <fieldset data-role="controlgroup" data-iconpos="right">
        <legend>Icon right:</legend>
        <input type="checkbox" name="checkbox-h-6a" id="checkbox-h-6a">
        <label for="checkbox-h-6a">test1</label>
        <input type="checkbox" name="checkbox-h-6b" id="checkbox-h-6b">
        <label for="checkbox-h-6b">test2</label>
        <input type="checkbox" name="checkbox-h-6c" id="checkbox-h-6c">
        <label for="checkbox-h-6c">test3</label>
    </fieldset>

  <a data-role="footer" id="Apply" data-position="fixed"  data-tap-toggle="false">
    <h4>Apply Filter</h4>
</a>
  </div>
</div>