我在一个大量使用ScrollMagic的页面上使用IScroll，但我终生无法让 IScroll 发挥作用。主要问题似乎是页面中的大多数（但不是全部）元素需要占据视口高度的 100%，因为它们被设置为幻灯片，其中包含一些复杂的动画。然而，为了height: 100%工作，所有父元素必须设置为相同。这导致 IScroll 在视口高度计算包装元素的高度，因此它认为除此之外没有更多内容。我正在开发一个 jsfiddle 来测试/演示这个问题，但想知道之前是否有其他人遇到过类似的情况。
问问题
1385 次
1 回答
2
问题是高度总是相对于下一个偏移父级计算。
由于内部 iScroll 包装器必须相对定位，因此它是每个孩子的偏移父级，因此是其高度计算的基础。
不过有一个简单的解决方法：
而不是在您的 CSS中height: 100%使用。
视口单位似乎只有少数人知道，尽管对它的支持绝对足够：http ://caniuse.com/#feat=viewport-unitsheight: 100vh
希望这会有所帮助，
J
于 2014-11-25T12:14:42.003 回答