我正在构建一个响应式网站,它的叠加层从侧面滑出。问题出在移动设备上,这些叠加层需要能够滚动,但我不希望后面的页面滚动。在桌面设置 overflow:hidden 可以阻止页面滚动,但仍然允许滑出 div 滚动。但是,在 IOS 中,此属性不起作用。基本页面仍然可以滚动。我在下面创建了一个 jsbin。有人能告诉我如何让黑色 div 在 IOS 上滚动但阻止基页滚动吗?它在桌面上运行良好,但在移动设备上运行不佳。
谢谢
最佳答案
您必须将此添加到您的 CSS:
html { height:100%; overflow:hidden; }
body { height:100%; overflow:hidden; }
这对我有用。看这里:http://jsbin.com/isayuy/10/
关于javascript - 溢出-y :hidden IOS issue with inner scrolling div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17308027/