javascript – iPad禁用文档滚动但不禁用div溢出滚动

概述我正在开发具有可滚动功能的模态窗口,就像pinterest那样.当它们被触发时定义溢出：隐藏在主体上并溢出：自动在模态框容器上.这在桌面浏览器上非常有效,但我在iPad上的第一次测试(我认为可能在iOS上)可能会出现问题： 当模式的滚动结束时,如果文档比模态长,则滚动继续. 我尝试这个只是为了接受滚动,如果它是由模态或其容器触发： // Disable browser scrolling on i 我正在开发具有可滚动功能的模态窗口,就像pinterest那样.当它们被触发时定义溢出：隐藏在主体上并溢出：自动在模态框容器上.这在桌面浏览器上非常有效,但我在iPad上的第一次测试(我认为可能在iOS上)可能会出现问题：

当模式的滚动结束时,如果文档比模态长,则滚动继续.

我尝试这个只是为了接受滚动,如果它是由模态或其容器触发：

// disable browser scrolling on iOS$(document).on('touchmove',function(e) {    if (($(e.target).attr('ID') != ID) &&    ($(e.target).attr('ID') != ('modal-'+ID))) {        e.preventDefault();    }});

它确实很有效.模态滚动,当它结束滚动页面时,只有在模态内滚动时才可以.

你有什么主意吗？

如果需要,可以在你的ipads中尝试(你必须点击模态按钮)：http://www.onebigrobot.com/beta/altair/transforms-so

先感谢您！

解决方法 小变化是强大的！

所有问题都解决了改变位置：绝对位置：固定在模态容器上(如果需要,还可以在背景的暗掩模上).实际上,通过绝对定位,模态仅起作用,因为按钮位于页面顶部.

使用固定定位桌面浏览器可以很好地工作,而在ipad上则会发生一些有趣的事当模态的滚动结束时,页面的滚动开始起作用,但模式始终位于顶部.

我希望这个问题对某些人有用.

总结

以上是内存溢出为你收集整理的javascript – iPad禁用文档滚动但不禁用div溢出滚动全部内容，希望文章能够帮你解决javascript – iPad禁用文档滚动但不禁用div溢出滚动所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。