如何在Jquery mobile中查看屏幕高度以下的内容

Question

我目前正在开发一个需要jQuery mobile for Blackberry Smartphone webworks应用的项目。我发现我无法在我的页面上访问屏幕高度以下的任何内容。

我尝试了iscrollview，但在将其编译到.COD文件后效果不佳。任何建议将不胜感激。

<link rel="stylesheet" type="text/css" href="css/jquery.mobile.iscrollview.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.iscrollview-pull.css" />

<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/jquery.mobile.iscrollview.js"></script>

<div data-role="content" class="content_div">
<div class="content-secondary">
<div class="Main-holder" id="Main-holder" style="background-color:#fff; overflow-y:scroll; height:500px;">
<form id="mylogin" data-iscroll>
<div class="form-row">
<div class="reg-label">Username:</div>

<input name="username" id="username" type="text" />

<div style="clear:both"> </div>
</div>
<div class="form-row">
<div class="reg-label">Password:</div>

<input id="password" name="password" type="password" />

<div style="clear:both"> </div>
                        </div>
                        <div class="form-row">

                          <div align="right" class="sub-but-wrapper">
                            <a data-role="button" id="loginSubmit"style="width:90px;" data-theme="b">Login</a><a href="registration.html" rel="external">New User?</a><span id="loader" style="display:none"></span>

                            <!--
<input data-role="button" type="button" name="loginSubmit" id="loginSubmit"style="width:90px;" data-theme="b" value="Login" /> <a href="registration.html">New User?</a><img src="images/ajax-loader.gif" id="loader" style="display:none" />
                          -->
                          </div>

<label></label><div style="clear:both"> </div>
                        </div>
                        <div class="form-row" style="height:100px">
                    <div style="clear:both"> </div>
                        </div>
                        </form>

</div>
</div>
</div>