IOS中焦点在文本字段时隐藏Jquery Mobile Iscroll头？
在IOS应用程序中将焦点放在文本字段表单上时隐藏Jquery Mobile Iscroll标题 当键盘出现时，如何在聚焦到文本字段时制作固定标题IOS中焦点在文本字段时隐藏Jquery Mobile Iscroll头？,ios,jquery-mobile,cordova,iscroll,Ios,Jquery Mobile,Cordova,Iscroll,在IOS应用程序中将焦点放在文本字段表单上时隐藏Jquery Mobile Iscroll标题 当键盘出现时，如何在聚焦到文本字段时制作固定标题 <html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <!-- WARNING: for iOS 7, remove the width=d
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello World</title>
<link rel="stylesheet" href="js/jquery.mobile-1.4.2.css">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.4.2.min.js" type="text/javascript">
</script>
<script src="js/iscroll.js" type="text/javascript"></script>
<style type="text/css">
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
overflow: hidden; /* this is important to prevent the whole page to bounce */
}
#wrapperGemini {
position: absolute;
z-index: 1;
top: 45px;
bottom: 20px;
left: 0;
width: 100%;
overflow: hidden;
}
#scroller {
position: relative;
z-index: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}
</style>
<script type="text/javascript">
var myScroll;
function loaded () {
myScroll = new IScroll('#wrapperGemini', {
scrollbars: true,
mouseWheel: true,
bounce:false
});
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
</script>
</head>
<body onload="loaded();">
<div data-role="page" >
<!-- data-position="fixed" -->
<div data-role="header" data-position="fixed" data-transition="none" data-tap-toggle="false" data-theme="b" >
<h1>INDEX PAGE</h1>
</div>
<div data-role="content" >
<div id="wrapperGemini" >
<div id="scroller">
<p>some content that will be scrolled</p>
<p>Some more content that will be scrolled</p>
<input type="text" placeholder="1" />
<input type="text" placeholder="2" />
<input type="text" placeholder="3" />
<input type="text" placeholder="4" />
<input type="text" placeholder="5" />
<input type="text" placeholder="6" />
<input type="button" value="GO!!!" />
</div>
</div>
</div>
<div data-role="footer" data-position="fixed" data-transition="none" data-tap-toggle="false" data-theme="b" >
<h1>My Footer</h1>
</div>
</div>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
你好，世界
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体{
溢出：隐藏；/*这对于防止整个页面跳出很重要*/
}
#包装双子座{
位置：绝对位置；
z指数：1；
顶部：45px；
底部：20px；
左：0；
宽度：100%；
溢出：隐藏；
}
#卷轴{
位置：相对位置；
z指数：1；
-webkit点击高亮颜色：rgba（0,0,0,0）；
宽度：100%；
-webkit转换：translateZ（0）；
-moz变换：translateZ（0）；
-ms变换：translateZ（0）；
-o变换：translateZ（0）；
变换：translateZ（0）；
-webkit触摸标注：无；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
-webkit文本大小调整：无；
-moz文本大小调整：无；
-ms文本大小调整：无；
-o-text-size-adjust：无；
文本大小调整：无；
}
迈斯克罗尔变种；
已加载函数（）{
myScroll=新IScroll（“#wrapperGemini”{
滚动条：对，
鼠标轮：是的，
反弹：错误
});
}
addEventListener（'touchmove'，函数（e）{e.preventDefault（）；}，false）；
索引页
一些将被滚动的内容
还有一些将被滚动的内容
我的页脚
您无法控制它，它隐藏在焦点上，以防止在不同平台上发生其他可能的崩溃。此问题与Worklight无关；在worklight中，您不使用“index.js”或“phonegap.js”，也不使用缺少各种worklight相关框架引用的HTML。一旦这个HTML遵循Worklight应用程序的样子，添加标签。我已经在这里通过代码@IdanAdar提交了