即使内容没有溢出，如何使用 IScroll？答案

【问题标题】：How to use IScroll even though content is not overflowing?即使内容没有溢出，如何使用 IScroll？
【发布时间】：2016-05-11 17:49:31
【问题描述】：

我想知道是否可以使用 IScroll，更具体地说是 angular 版本 (github.com/mtr/angular-iscroll)，即使内容没有溢出？因此可以拖动一个不溢出的列表（见下图）并用新内容刷新列表，例如像 IScroll 的现场演示版 (http://lab.cubiq.org/iscroll5/demos/simple/) 这样的列表。

我似乎在文档中找不到任何选项，也找不到任何解决方案？

注意：内容当然是动态的，所以高度也是动态的。

非溢出列表：

将包装子的高度设置为 100vh 可以解决问题，但这实际上会破坏正常滚动，因为 100vh IScroll 看不到要滚动到的其他内容。所以你不能向下滚动一个溢出的列表。

【问题讨论】：

标签： javascript css angularjs iscroll

【解决方案1】：

您可以添加一个全高的项目来容纳您的目标项目。这样列表总是“溢出”

【讨论】：

感谢您的回复，不确定您所说的全高项目是什么意思，高度设置为 100%，但不起作用。但是当我改为 100vh 时它起作用了。
100% 是父高度的 100%，我提了 100vh 抱歉没有提到。
这实际上破坏了正常滚动，因为 100vh IScroll 看不到要滚动到的其他内容。所以你不能向下滚动一个溢出的列表。有解决办法吗？
好吧，如果您在 100vh 的视图中放置更多内容，则它不被视为可以延伸到视图边界后面的列表项。诀窍是使包含的视图至少有 100vh。你可以试试 min-heigh:100vh;