如果内容是100%高度,IScroll不工作?

时间:2014-11-24 17:37:36

标签: iscroll scrollmagic

我在大量使用IScroll的页面上使用ScrollMagic,但在我的生活中不能让IScroll正常运行。主要问题似乎是页面中的大多数(但不是全部)元素需要占据视口高度的100%,因为它们被设置为幻灯片,其中包含一些复杂的动画。但是,为了使height: 100%起作用,必须将所有父元素设置为相同。这导致IScroll计算视口高度处的包装元素的高度,因此它认为除此之外没有其他内容。我正在研究一个jsfiddle来测试/演示这个问题,但是想知道是否还有其他人遇到类似情况。

1 个答案:

答案 0 :(得分:2)

问题是高度总是相对于下一个偏移父项计算 由于内部iScroll包装器必须相对定位,因此它是每个子项的偏移父项,因此是其高度计算的基础。

虽然有一个简单的解决方法:
而不是height: 100%在CSS中使用height: 100vh Viewport单位是很少有人似乎知道的东西,尽管对它的支持是绝对足够的:http://caniuse.com/#feat=viewport-units

希望这会有所帮助,
Ĵ