Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.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 绕过特定div JS(iOS)上的文档滚动锁定_Javascript_Jquery_Css - Fatal编程技术网

Javascript 绕过特定div JS(iOS)上的文档滚动锁定

Javascript 绕过特定div JS(iOS)上的文档滚动锁定,javascript,jquery,css,Javascript,Jquery,Css,我使用此代码将整个文档锁定在位置(单击事件),它正是锁定滚动所需的功能,但现在我需要允许滚动一个div,而整个文档现在是锁定的。如何使用此代码执行此操作 document.addEventListener('touchmove',函数(e){e.preventDefault();},{passive:false})向要保持滚动的div添加一个类,在处理程序中,只需检查目标div,看看它是否包含或在示例中不包含div,然后再阻止默认行为 document.addEventListener('t

我使用此代码将整个文档锁定在位置(单击事件),它正是锁定滚动所需的功能,但现在我需要允许滚动一个div,而整个文档现在是锁定的。如何使用此代码执行此操作


document.addEventListener('touchmove',函数(e){e.preventDefault();},{passive:false})向要保持滚动的div添加一个类,在处理程序中,只需检查目标div,看看它是否包含或在示例中不包含div,然后再阻止默认行为

document.addEventListener('touchmove',函数(e){
如果(!e.target.classList.contains('keep-moving'))e.preventDefault();

},{被动:假})
所以,您建议我添加div,在其中我希望能够在“保持移动”中滚动,而这个div成为不在主体上滚动规则的一个例外,对吗@骚扰Chilinguerian@AndrewK只需添加“保持移动”类该类的名称是任意的,您可以随意命名它,但请检查该元素是否是touchmove事件的目标。正如我前面所说的,它不起作用,而且我没有真正理解您在JSFiddel上试图向我展示的内容,我的情况是整个主体都被锁定,不仅仅是一个接一个的容器,我正在寻找一个答案,如何使一个“子”容器可以滚动,但对文档(父)的所有其他部分保持约束,就像上面的代码一样。如果你的答案是以某种方式解决这个问题,那么我不明白。你能用我用菲德尔的话来“详细说明”解决方案吗?在您的示例中,整个文档是可滚动的(在移动设备上和在桌面上一样)@Harry ChilinguerianI很抱歉这没有帮助,当页面不在我在android设备和ios设备上提供的JSFIDLE上时,div会滚动。我确实看到一个问题,当div到达末尾时页面会滚动,但这是可以修复的。我会看看我是否可以调整和修复它,但不工作不是很好的描述,它在我这方面工作。在最新的桌面和mobile Safari上进行了测试,如果它听起来不领情,我很抱歉,但我正在寻找移动(所有,尤其是iOS)的解决方案,因为我在JSFIDEL和Codepen模板上都进行了测试,看起来它在这个浏览器中根本不起作用@Harry Chilinguerian PS:具体到我的previos评论:整个文档是可滚动的,不管是否为div分配了类。