overflow-y:内部滚动div隐藏的IOS问题

Sco*_*a P 6 javascript webkit mobile-safari ios responsive-design

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

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

谢谢

Tim*_*son 17

你必须将它添加到你的CSS:

html { height:100%; overflow:hidden; }
body { height:100%; overflow:hidden; }
Run Code Online (Sandbox Code Playgroud)

这对我行得通.见这里:http://jsbin.com/isayuy/10/