¿Por qué alguna vez scrollTop/scrollLeft no se puede escribir?

Question

Estoy usando el componente de interfaz de usuario Dutmlx Gantt Chart que tiene una lista de tareas y un gráfico. La lista de tareas y la tabla gráfica están contenidas en dos elementos div separados que se sincronizaron para el desplazamiento paralelo. Al desplazarse por el área del gráfico, la lista de tareas se desplaza automáticamente y la posición de la fila de tareas coincide con la posición de la línea Gantt.

Inspección del código fuente componente, he encontrado la sincronización se implementa mediante el código siguiente:

this.oData.onscroll = function() { 
    self.panelTime.scrollLeft = this.scrollLeft; 
    self.panelNames.scrollTop = this.scrollTop; 
}; 

marcado Todo HTML en el control de interfaz de usuario se generan dinámicamente por JavaScript. Todo está funcionando bien, excepto que lleva demasiado tiempo generar una lista de tareas de 800-ish.

Para mejorar el tiempo de renderizado, decido crear mi propio módulo de renderizado del lado del servidor para generar el marcado HTML idéntico con el lado del cliente originalmente generado. Este marcado se obtiene del lado del cliente usando jquery $ .get() ordinario y se inyecta a la página usando $ (el) .html(). Luego pongo el controlador de eventos necesario como la versión original del lado del cliente.

El problema ahora es que el desplazamiento paralelo no funciona. Pude capturar el evento de desplazamiento en el área del gráfico, pero no pude establecer la propiedad scrollTop del área de la lista de tareas. Pruebo en firebug para forzar manualmente la propiedad scrollTop, pero el valor no cambió. Parece que la propiedad scrollTop es de solo lectura.

¿Hay alguna explicación para esto?

Answer 1

No se puede desplazar hacia abajo debajo de la parte inferior (o hacia la derecha) de los contenidos del elemento. Si el elemento tiene overflow: visible (valor predeterminado), o es al menos tan grande como su contenido, ambas propiedades de desplazamiento se bloquearán en 0. De forma similar, incluso si hay algo escondido para desplazarse a la vista, entonces no podrá desplazarse más allá del final; si configura scrollTop o scrollLeft en un valor mayor al que tiene sentido, disminuirá al valor más grande que tenga sentido.

Supongo que en su caso está intentando desplazar el div antes de que se cargue su contenido, y se niega a desplazarse porque no hay nada para desplazarse a la vista.