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" > Delete</a></div>
</body>
所以在这里, div 'toolEdit' 包含标题部分。div 'edit' 包含当内容超出可用空间时需要垂直滚动的内容部分。div 'bottomButtons' 是包含删除按钮的页脚。z-index 已为页眉和页脚提供,因此内容在页眉和页脚下方滑动。问题是,内容的底部在尝试向上滚动(位于页脚下方)时不会滚动,如果尝试使用页脚,则使其空白。
也尝试使用 iscroll 插件(显示在代码中),但它没有帮助。任何建议将不胜感激。提前致谢。