获取垂直溢出容器的 html 内容

Get html content that is vertically overflowing container

本文关键字：html 内容垂直溢出获取更新时间：2023-09-26

有没有办法使用 javascript 选择超出某个父高度的所有子内容？例如：我有一个固定高度的两列布局。如果第一列内的内容垂直溢出，我希望能够将溢出的内容移动到第二列，所以我需要一种方法来选择它。

使用这种技术检测内容是否溢出没有问题，但我无法找到选择溢出内容的方法。

使用 javascript，您可以计算两列布局的第一列中适合的单词数。您可以在"屏幕外"（用户看不到它的地方）执行此操作，方法是仅出于测量目的复制第一列。例如，为容器提供一个超出边界的绝对位置（例如，顶部：-10000px，左侧：-10000px）。除了定位之外，给它与两列布局中的第一列完全相同的css（字体，行高等）。使用 javascript，继续向容器中添加单词，一次添加一个单词。添加每个单词后，请检查容器是否已溢出。一旦你达到这一点，这就是你的第一列所适合的内容（减去实际使其溢出的单词）;字符串的其余部分（包括该单词）进入第二列。