jquery - 检查响应式 div 的内容溢出

Question

我有一个页面，我使用引导程序来响应。该页面将包含 3 或 4 个 div，如下图所示：

每个 div 的红色图标会动态显示，所以当有足够的图标时会溢出 div，所以从底部滚动将用于移动。

有没有一种方法可以检查 div 中的内容是否溢出，以便在需要时显示滚动条？是否有任何 jquery 函数来检查响应式 div 是否溢出到其内容中？

提前致谢！

标签： jqueryhtmlresponsive-designbootstrap-4

Answer 1

感谢您的答复。但是，在我的情况下，图标垂直溢出，如果我设置overflow-x: scroll，什么也不会发生，只会显示垂直滚动。但我需要一个水平滚动。

那么，从另一个角度来看，是否可以强制当图标溢出 div 时，它们会移动到同一个 div 中的另一个“列”而不是垂直增长而是水平增长？