javascript - 想要专注，但不想滚动 iPhone 网络应用

Question

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

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

它工作得很好。但是，现在如果用户点击一个输入，它就不会聚焦。“没什么大不了的”，我想。这一半解决了问题：

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

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

谢谢！

-肖恩

score 0 · Accepted Answer

而不是使用 JavaScript 来防止滚动，您可能想看看另一种方法，您应该能够使用纯 CSS 来防止滚动

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

1 回答 1