根据我的测试,这是针对Safari iOs问题的。
基本上在iOS上,当展开最后一个内容项时,浏览器并不总是滚动内容而是滚动页面。
无论我做什么,这都是在最后一个项目中发生的不一致行为。我已经尝试将另一个section元素添加到DOM作为hack以使其正常工作但它仍然表现相同。
根据max-height参数扩展高度,以便js无法正确扩展动态内容。
花了好几个小时看着这个,而且我需要一些其他的眼睛来看看。谢谢你尽你所能的帮助!
答案 0 :(得分:0)
当然在询问问题后你找到了答案....我能够通过删除使用新vh规则的父容器上的css高度规则来解决这个问题。我将其更改为使用100%vs 80vh并且它的行为符合预期。希望这有助于其他人。