Javascript Phonegap输入专注于移动Safari
每当用户关注我的Phonegap应用程序中的输入字段时,我使用以下代码将窗口滚动到位置Javascript Phonegap输入专注于移动Safari,javascript,iphone,ios,cordova,Javascript,Iphone,Ios,Cordova,每当用户关注我的Phonegap应用程序中的输入字段时,我使用以下代码将窗口滚动到位置(0,0): <input type="text" id="answer" class="answer" /> ... $(document).on("touchstart", ".answer", function() { window.scrollTo(0, 0); }); 问题是,窗口只在我第二次点击输入字段时滚动。我希望窗口在我第一次点击输入字段时立即滚动 我之所以移动窗口,是因为i
(0,0)
:
<input type="text" id="answer" class="answer" />
...
$(document).on("touchstart", ".answer", function() {
window.scrollTo(0, 0);
});
问题是,窗口只在我第二次点击输入字段时滚动。我希望窗口在我第一次点击输入字段时立即滚动
我之所以移动窗口,是因为iOS会在输入字段的焦点上生成本机键盘,并将整个视图向上移动。为此,我通常使用“焦点”而不是“touchstart”
为此,我通常使用“焦点”而不是“touchstart”
不过,“焦点”
是否能在iOS中工作?我必须试一试。我也没有做document.body.scrollTop=0
目前也是。不过,“focus”
会在iOS中工作吗?我必须试一试。我也没有做document.body.scrollTop=0代码>目前也是。
$(document).on("touchstart", ".answer", function() {
window.scrollTo(0, 0);
setTimeout(function() {
scrollWindow();
}, 10);
var scrollWindow = function() {
window.scrollTo(0, 0);
}
});
$('#someFormId input').on("focus", function(event) {
window.scrollTo(0, 0);
document.body.scrollTop = 0;
});