1

IOS 应用程序开发与电话差距。Myindex.html 代码(相关)如下:-

    <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-index 已为页眉和页脚提供,因此内容在页眉和页脚下方滑动。问题是,内容的底部在尝试向上滚动(位于页脚下方)时不会滚动,如果尝试使用页脚,则使其空白。

也尝试使用 iscroll 插件(显示在代码中),但它没有帮助。任何建议将不胜感激。提前致谢。

4

0 回答 0