Estoy creando una aplicación de lectura y tengo un div de navegación de página con flechas anterior y siguiente que llevarán al usuario al capítulo anterior o siguiente. Sin embargo, me gustaría que las tiendas solo se muestren cuando el texto del capítulo esté en la pantalla, pero que se oculten cuando se muestre el encabezado o el pie de página. Estoy usando JQuery y encontré algunos scripts que muestran/ocultan elementos según la posición de desplazamiento en la página. El problema con estos es que la longitud del encabezado/pie de página puede diferir según la ventana gráfica. Por lo tanto, solo me gustaría activar (mostrar) el div de navegación cuando el div '.maintext' haya alcanzado el centro de la ventana gráfica y ocultarlo nuevamente cuando salga. Cualquier ayuda es muy apreciada..