想要专注,但不要;我不想滚动iPhone网络应用程序

Want Focus, but don't want scrolling iPhone web-app

本文关键字:滚动 iPhone 应用程序 我不想 网络 专注      更新时间:2023-09-26

我正在构建一个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

与其使用JavaScript来阻止滚动,不如考虑一种替代方法,即使用纯CSS 来阻止滚动

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

然后你可以禁用反弹-如何防止在手机间隙运行的应用程序垂直滚动?