Estoy creando un carrusel, usando un div para el contenedor externo y un ul para el contenedor interno. La ul es más ancha que la div , y la div usa overflow-x: hidden para ocultar el exceso de la ul , como se muestra a continuación.

Mi pregunta es, ¿cómo encuentro el ancho real y la posición de la ul ?

Usando getBoundingClientRect() , obtengo números que no parecen tener sentido. Por ejemplo, el valor .right cuando la ul se muestra por completo es mayor que el ancho de la pantalla. El ancho siempre devuelve lo mismo que el ancho del div principal.

¿Cómo averiguo acerca de la parte 'oculta' de la ul interna?

¡Gracias por adelantado!