Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 想要专注,但不要';我不想滚动iPhone web应用程序_Javascript_Html_Web Applications_Scroll_Focus - Fatal编程技术网

Javascript 想要专注,但不要';我不想滚动iPhone web应用程序

Javascript 想要专注,但不要';我不想滚动iPhone web应用程序,javascript,html,web-applications,scroll,focus,Javascript,Html,Web Applications,Scroll,Focus,我正在构建一个ios网络应用程序。我想禁用滚动,所以我使用: $(document).bind('touchmove', function(e) { e.preventDefault(); }); 而且它工作得很好。然而,现在如果用户点击一个输入,它就不会被聚焦。“没什么大不了的”,我想。这一半解决了问题: $("div#searchBarView input").hammer().on("tap", function(){ //I'm using the hammer.js touc

我正在构建一个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();
});
现在键盘打开了,但没有光标或蓝色焦点出现。如果我键入,则不会显示任何文本。你知道如何获得焦点,但不要滚动吗

谢谢


-Sean

与其使用JavaScript阻止滚动,不如考虑另一种方法,您应该能够使用纯CSS阻止滚动

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

然后,您可以使用-

禁用反弹,您必须尝试使用$(“body”).css(“溢出”、“隐藏”)?尝试给文档一个相对位置,z-index的值为-1,给输入一个相对位置,z-indexI的值为1。我忘了提到:body和html都是溢出的:隐藏的和高度:100%我见过这个问题,它指的是反弹,而不是滚动。我想阻止视图滚动。所以我读到你已经有溢出:隐藏在前面的评论中-你的视口设置是什么?