Javascript Phonegap iOS-防止在输入焦点上滚动
我正在使用Phonegap创建一个iPad应用程序。该应用程序有一个固定的横向方向和一个沿顶部运行的菜单,其中右上角有一个文本框。该应用程序是固定(全屏)大小,不需要滚动 当用户触摸iOS 6上右上方显示的文本框时,整个应用程序向左滑动,以将文本框置于屏幕中央,将整个应用程序向左推,并在右侧留下空白 我如何防止这种行为 我目前已将UIWebViewBounce设置为“否”,并准备了以下代码以捕获touchstart事件:Javascript Phonegap iOS-防止在输入焦点上滚动,javascript,ios,cordova,Javascript,Ios,Cordova,我正在使用Phonegap创建一个iPad应用程序。该应用程序有一个固定的横向方向和一个沿顶部运行的菜单,其中右上角有一个文本框。该应用程序是固定(全屏)大小,不需要滚动 当用户触摸iOS 6上右上方显示的文本框时,整个应用程序向左滑动,以将文本框置于屏幕中央,将整个应用程序向左推,并在右侧留下空白 我如何防止这种行为 我目前已将UIWebViewBounce设置为“否”,并准备了以下代码以捕获touchstart事件: document.body.addEventListener('touch
document.body.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);
我在文本框上也有这样的内容,它似乎在iOS 5上工作(尽管有点结巴),但在iOS 6上却不工作:
$('#searchText').on("focus", function(event) {
window.scrollTo(0, 0);
});
非常感谢您的帮助。尝试将以下css样式添加到您的身体元素中:
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
它阻止用户选择链接和其他内容。也许这对您来说很有用。尝试将此javascript添加到
输入中的onfocus
属性中,您在聚焦时不想移动该属性:
<input onfocus="this.style.webkitTransform = 'translate3d(0px,-10000px,0)'; webkitRequestAnimationFrame(function() { this.style.webkitTransform = ''; }.bind(this))"/>
恐怕这对我不起作用,克里格-对不起,不过还是要谢谢你。非常感谢。我在iOS HTML应用程序开发中遇到了这个该死的问题,大约两年多了!!!从JQUERY到iScroll,再到其他javascript库crapolies,我都试过了。非常感谢你,这是我长久以来寻求答案的答案。一旦我能够接受,我将接受。欢迎您XD LOL将Cordova&Phongap更新到最新版本后,您的修复程序似乎不再有效。。。我只是开玩笑。我会找到一些还在等着你的东西的,伙计