检查响应div的内容溢出

时间:2018-11-29 20:27:06

标签: jquery html5 responsive-design bootstrap-4

我有一个与引导程序一起使用的页面可以响应。该页面将包含3或4个div,类似于该图片中的一个:

enter image description here

每个div的红色图标将动态显示,因此当有足够的图标时,它将使div溢出,因此,将使用从底部开始的滚动。

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

谢谢!

1 个答案:

答案 0 :(得分:0)

感谢您的回复。但是,就我而言,图标会垂直溢出,如果我设置overflow-x: scroll,则什么也不会发生,只会显示垂直滚动。但是我需要水平滚动。

因此,从另一个角度来看,是否有可能迫使图标溢出div时,它们移动到同一div中的另一个“列”,而不是垂直生长而是水平生长?