javascript - 溢出-y :hidden IOS issue with inner scrolling div

标签 javascript ios webkit responsive-design mobile-safari

我正在构建一个响应式网站,它的叠加层从侧面滑出。问题出在移动设备上,这些叠加层需要能够滚动,但我不希望后面的页面滚动。在桌面设置 overflow:hidden 可以阻止页面滚动,但仍然允许滑出 div 滚动。但是,在 IOS 中,此属性不起作用。基本页面仍然可以滚动。我在下面创建了一个 jsbin。有人能告诉我如何让黑色 div 在 IOS 上滚动但阻止基页滚动吗?它在桌面上运行良好,但在移动设备上运行不佳。

http://jsbin.com/isayuy/4/

谢谢

最佳答案

您必须将此添加到您的 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/

相关文章:

javascript - 更新 Mongoose 中的依赖日期字段

javascript - jQuery:如何循环遍历具有数据属性的元素

css - Safari 6 css 悬停错误

javascript - 使用 Javascript 访问 webkit-gradient 属性

javascript - 使用 FOR 循环保存数组

javascript - 开始在文本框中输入时的 Jquery 文本

ios - 过渡颜色

ios - 弱链接框架导致 "File Not Found"错误

ios - 如何从 PC 访问通过 iTunes 同步的 iPhone 中的视频

c++ - 链接点击信号QWebEngineView