2012-04-22 9 views
9

Yo uso TimelineSetter Plugin de GitHub Repo.Siempre enfoque la tarjeta timelinesetter en la pantalla

El problema es que cuando un elemento TS es más grande que la mitad de la línea de tiempo, el complemento no sabe dónde colocar la tarjeta activada, por lo que está oculta porque está saliendo de la línea de tiempo. Lo bueno es que cuando haces zoom y el tamaño de la tarjeta (elemento TS) es menos de la mitad del tamaño de la línea de tiempo, todo funciona bien.

Un ejemplo del problema anterior se ilustra en este repositorio jsFiddle:

Example 1

enter image description here

I trataron de solucionado el problema y yo hicimos el tamaño de la tarjeta el mismo tamaño de la línea de tiempo y cuando las tarjetas se mueven no muevo la carta sino la flecha de la tarjeta. Desafortunadamente, esto presenta otros problemas con la funcionalidad Zoom.

Working demo: Problem with Zoom

Puede alguien que me señale la dirección correcta sobre cómo puedo solucionar este problema?

+0

Parece que el ejemplo del plugin funciona correctamente (y parece que has basado el violín en él) http://propublica.github.com/timeline-setter/doc/twitter-demo.html Could esto es un problema con tu navegador? Estoy usando Chrome – LukeGT

+0

el ejemplo funciona correctamente porque el ancho de la tarjeta que está cambiando es menos de la mitad del tamaño de la línea de tiempo. Pero mira mi ejemplo con una carta más grande. se sale de la línea de tiempo! – glarkou

+0

Ah perdóname, no experimenté con eso lo suficiente. Cambié el tamaño de la ventana de mi navegador para probarlo, pero no hice clic en ningún ejemplo que haya fallado. Mucho todavía funciona, pero algunos fallan. – LukeGT

Respuesta

1

No miré mucho el código, pero me parece que el problema es que la tarjeta obtiene una gran parte de la propiedad "left:" css.

Pruebe sacar hacia la izquierda: y solo mueva la flecha amarilla que apunta a la sección de la línea de tiempo.

Cuestiones relacionadas