0
116
Views¿Cómo obtengo dinámicamente la cantidad de elementos que no caben dentro del padre?
Actualmente tengo un contenedor de ancho arrastrable con algunos niños.
Dado que su ancho se puede arrastrar una vez que el ancho es lo suficientemente pequeño como para decir, por ejemplo, que solo caben 3 elementos. Los resultados esperados son (0), (1) y (+4) (Número de elementos que se desbordan + 1).
Otros casos: Aquí solo caben dos elementos, y 4 se desbordan. El resultado esperado son dos círculos con (0) y (+5).
Vi otras publicaciones donde usan un ancho fijo y calculan la cantidad de elementos que pueden caber a partir de eso. Sin embargo, en mi caso de uso, el ancho varía y necesito obtener la cantidad de elementos que pueden encajar/desbordarse dinámicamente. ¿Cómo se puede hacer esto usando javascript y CSS simple?
1 answers
Answer question0
var popupDiv = document.getElementsById("container") let count = Math.round(window.getComputedStyle(popupDiv).width/widthOFElement)Espero esta ayuda. aquí el widthOFElement es el ancho del elemento redondo. y puede agregar esto en el detector de eventos dragabble.