javascript - 使用 JavaScript 在 galaxy 平板电脑上自动滚动

Question

我正在构建一个主要用于 Samsung Galaxy Tab 的应用程序。应用程序中有一个长表格。该表单占用平板电脑的整个屏幕，因此选择一个字段时 - 键盘的一半表格覆盖。我希望能够将网页向右滚动到他们选择的输入字段所在的位置。

我尝试了两种解决方案:

1

var href = window.location.href;
href = href.split("#")[0];
href = href + '#' + element.id;
window.location.href = href;

[2]

jQuery 插件:jQuery.ScrollTo

这两种解决方案在台式机/笔记本电脑浏览器上运行良好，但在 Galaxy 平板电脑浏览器中似乎没有任何效果。有人有什么想法吗？

Answer 1

首先，我会在给定的 html 元素上尝试 $(htmlInputSelector)[0].focus() 方法。

如果还是不行，试试:

    var myJqObj = $(htmlInputSelector);
    var hTop = myJqObj.offset().top;
    var hLeft = myJqObj.offset().left;
    window.scrollTo(hLeft, hTop);