想要专注，但不想滚动iPhone网络应用程序

Question

我正在构建一个ios Web应用程序。我想禁用滚动，所以我使用了：

$(document).bind('touchmove', function(e) {
    e.preventDefault();
});

它完美无缺。但是，现在如果用户点击输入，则不会聚焦。 “没什么大不了的”，我想。这一半解决了这个问题：

$("div#searchBarView input").hammer().on("tap", function(){ //I'm using the hammer.js touch library.
    this.focus();
});

所以现在键盘出现了，但没有出现光标或蓝色焦点雾度。如果我输入，则不会显示任何文字。任何想法如何获得焦点，但保持滚动？

谢谢！

-Sean

Answer 1

您可能希望查看替代方法，而不是使用JavaScript来阻止滚动，您应该能够阻止使用纯CSS滚动

html, body {
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
}

然后您可以使用 - How to prevent app running in phone-gap from scrolling vertically?

禁用退回