Obtener la altura visible de un elemento en lugar de su altura real con jquery

Esta publicación está relacionada con esta . Por favor, considera leerlo también. 🙂

En la publicación a la que me vinculé, pensé que la solución a mi problema sería cambiar el objective de un enlace si la altura visible de un div es mayor que la de otro div. En mi diseño, todos los divs a los que me refiero tienen una altura de 1100 px. Pero eso no es lo que quiero obtener. Me gustaría que el script obtenga la altura del div que actualmente es visible para el visitante, no su altura real. ¿Hay alguna manera de hacerlo usando jQuery?

¡Gracias por adelantado!

    Lo que puede hacer es tomar la posición de los elementos en la parte superior de su contenedor principal y luego quitarlo de la altura del contenedor principal. Eso te dará la altura visible del elemento.

     $('#container').height() - $('#overflow').position().top 

    Aquí hay un violín que muestra esto.

    Envuelva el contenido de la ventana gráfica DIV con otra DIV. Apunte que DIV lea la altura de todos los contenidos como tales:

    JQuery: $ (‘div # contents’). Height ();

    Diseño:

     
    ...all your div contents...

    Espero que esto ayude. Buena suerte.

    ¿Tienes que usar una altura fija de 1100px? Porque también puedes especificar una altura máxima: 1100px; y una altura: 100%; Dependiendo de lo que quieras poner dentro del div puedes obtener la altura actual

     $('.divclass').height();