Javascript IOS应用程序开发界面中的滚动条不工作_Javascript_Html_Css_Ios_Cordova

Javascript IOS应用程序开发界面中的滚动条不工作

javascript html css ios cordova

Javascript IOS应用程序开发界面中的滚动条不工作,javascript,html,css,ios,cordova,Javascript,Html,Css,Ios,Cordova,IOS应用程序开发与手机差距。 Myindex.html coderelated如下所示：- <script type="application/javascript" src="iscroll.js"></script> <script> var myScroll; function loaded() { setTimeout(function () {

IOS应用程序开发与手机差距。 Myindex.html coderelated如下所示：-

    <script type="application/javascript" src="iscroll.js"></script>
    <script>

        var myScroll;
        function loaded() {
            setTimeout(function () {
                       myScroll = new iScroll('edit');
                       }, 100);
        }
        window.addEventListener('load', loaded, false);
      ..
      ..
      </script>

    <style type="text/css">
    #toolHome,#toolEdit,#toolSetting,#toolMessage{
        position: fixed;
        width: 100%;
        height: 10%;
        display:table;
        z-index:20;
    }
    </style> 


</head>
<body id="bd">
    <div id="toolEdit" class="toolbar">
        <h1 id="pageTitle">Edit</h1>
        <a id="preButton" class="button" onclick="home()">Message List</a>
    </div>
    <div id="edit" title="Edit" ></div>
    <div id="bottomButtons" style="position:fixed;top:90%;width:100%;display:table;height:11%;z-index:20;display:none;"><a class="redButton buttomButton" style="width:22%;position:relative;top:4px" align="left" onclick="deleteList()"><img src="iui/t/default/trash.png" >&nbsp;Delete</a></div>
 </body>

所以在这里，div'toolEdit'包含标题部分。Div“edit”包含当内容超过可用空间时需要垂直滚动的内容部分。Div“bottomButtons”是包含删除按钮的页脚。页眉和页脚都提供了z索引，因此内容在页眉和页脚下方滑动。问题是，当内容尝试向上滚动时，底部的部分（位于页脚下方）不会滚动，如果尝试，则会将页脚带走，使其变为空白

也尝试在代码中使用iscroll pluginshown，但没有帮助。如有任何建议，将不胜感激。

提前感谢。

编辑的CSS是什么？如果希望元素可以垂直滚动，则需要显式地为其指定高度。我会移除位置：固定；从工具和添加编辑{height:80%；overflow:scroll；}我按你说的做了..但它无法工作。可能是