窗滚动至不在phonegap中工作-替代解决方案或解决方案？

Question

我写了一个相当基本的js函数，它以编程方式自动将iPhone键盘完美地对准每一个聚焦的输入字段（如果你喜欢，可以随意使用它！）。对齐主要由window.scroll处理——这是一种标准方法，适用于任何浏览器视图，UIWebView除外，因此是phonegap/cordova（2.1）。所以我需要一个变通方法。

我的工作代码：

function setKeyboardPos(tarId) {

//programmatically: set scroll pos so keyboard aligns perfectly underneath textfield
var elVerticalDistance = $("#"+tarId).offset()["top"]; //i.e. 287
var keyboardHeight = 158;
var heightOfView = document.height; // i.e. 444
var inputHeight = $("#"+tarId).outerHeight();

var viewPortSpace = heightOfView-keyboardHeight; //i.e. 180
var verticalNewSroll = (elVerticalDistance+inputHeight)-viewPortSpace;
if(verticalNewSroll<0) { verticalNewSroll = 0; }
////

    //OK, all done lets go ahead with some actions
    $("#footer").hide(); //hide footer so that the keyboard doesn't push it on top of textfield
    $("#containingDiv").css("bottom","0px"); //remove bottom space for footer
    window.scrollTo(0,verticalNewSroll); //scroll! where the problem starts


}

工作在一切，但UIWebView，这是。正如我上面提到的，除了window.scroll之外，一切都有效（注：为了清晰起见，做了一些小的修改）。那么，有人知道替代解决方案，甚至是一个好的变通方法吗？

类似问题

window.scroll在IOS的phonegap中不工作

PhoneGap/科尔多瓦滚动到忽略

如何在Phonegap中添加垂直滚动

此外，上面还有三个类似的问题，在某种程度上指出了一个正确的方向。其中一位回答者提到使用css来实现这一点。有人能举一个更具体的例子吗？另一个人建议使用锚，但这不是一个很好的解决方案，并且与我的代码的其余部分不匹配。

Answer 1

您只需要使用以下选项：

$(window).scrollTop(0);

Answer 2

您可以尝试使用动画和scrollTop属性滚动它看起来像这样：

$("html, body").animate({ scrollTop: "The value to scroll to" });

希望这能有所帮助。

Answer 3

在做了一些研究之后，我意识到了这一点。scrollTo（）确实可以在iOS6和phonegap 2.1中工作，但还有一些东西失败了；出于某种原因，我需要一份文件。高度在UIwebView中没有产生同等比例的属性，因此我不得不编写一个小的变通方法。我将在下面发布解决方案和整个代码，以供将来参考。

function setKeyboardPos(tarId) {

//programmatically: set scroll pos so keyboard aligns perfectly underneath textfield
var elVerticalDistance = $("#"+tarId).offset()["top"];
var keyboardHeight = 157;

if(isNativeApp()) { keyboardHeight = 261; } //I choose to change the keyboard height for the sake of simplicity. Obviously, this value does not correnspond to the actual height of the keyboard but it does the trick
var keyboardTextfieldPadding = 2;
var heightOfView = document.height;
var inputHeight = $("#"+tarId).outerHeight();

var viewPortSpace = heightOfView-keyboardHeight-keyboardTextfieldPadding; //180
var verticalNewSroll = (elVerticalDistance+inputHeight)-viewPortSpace;
if(verticalNewSroll<0) { verticalNewSroll = 0; }
////

//OK, all done lets go ahead with some actions
$("#footer").hide(); //hide footer so that the keyboard doesn't push it on top of textfield
$("#containingDiv").css("bottom","0px"); //remove bottom space for footer
window.scrollTo(0,verticalNewSroll); // perform scroll!

}

function isNativeApp() {

var app = (document.URL.indexOf('http://') === -1) && (document.URL.indexOf('https://') === -1);
if (app) {
    return true; // PhoneGap native application
} else {
    return false; // Web app / safari
}

}