我有第三代iPad,带有最新版IOS 8.2的视网膜显示屏.如果您打开Safari并转到下面我创建的测试页面.
http://bagaren-se.dev.sitedirect.se/test.html
如果您将iPad保持在横向模式并单击"单击以显示/隐藏"按钮,则会显示一个固定的div,其中包含一些虚拟文本.您现在可以滚动该div的内容.如果你点击"点击我!!" 在那里显示另一个隐藏的div与一些更多的虚拟文本,你仍然可以在div中滚动内容,但......
如果您现在通过单击"Click me !!"关闭第二个div 再次点击第一个按钮关闭第一个div.然后你转动iPad以纵向模式查看页面并执行相同的操作,当您尝试滚动时,div的内容不会滚动,只有背景!为什么会这样,有没有办法绕过它？
如果你离开"点击我!!" 关闭第一个div然后再次打开第一个div时,div内容打开,然后一切正常.
第一个div有max-height:760px; 和溢出:auto; 组.
你看到了问题吗？我看到它的方式,第一个div的内容应该总是滚动,如果它的高度大于760px,但它在Safari IOS 8.2中不起作用.有没有解决这个问题的黑客？div必须是position:fixed;.