我正在构建一个主要用于Samsung Galaxy Tab的应用程序。应用程序中有一个很长的表单。表单占据了平板电脑的整个屏幕,因此当选择一个字段时 - 键盘覆盖了表格的一半。我希望能够将WebPage直接滚动到他们选择的输入字段所在的位置。
我尝试了两种解决方案:
var href = window.location.href;
href = href.split("#")[0];
href = href + '#' + element.id;
window.location.href = href;
[2]
jQuery插件:jQuery.ScrollTo
这两种解决方案都适用于台式机/笔记本电脑浏览器,但它们似乎对Galaxy平板电脑浏览器没有任何影响。有人有什么想法吗?
答案 0 :(得分:2)
首先,我会在给定的html元素上尝试$(htmlInputSelector)[0].focus()
方法。
如果不起作用,请尝试:
var myJqObj = $(htmlInputSelector);
var hTop = myJqObj.offset().top;
var hLeft = myJqObj.offset().left;
window.scrollTo(hLeft, hTop);