2012-04-22 7 views
9

Io uso TimelineSetter Plugin da GitHub Repo.Scheda messa a fuoco libera sempre sullo schermo

Il problema è che quando un oggetto TS è più grande della metà della linea temporale, il plug-in non sa dove mettere la carta attiva, quindi è nascosto perché sta uscendo dalla timeline. La cosa buona è che quando si esegue lo zoom e la dimensione della scheda (elemento TS) è inferiore alla metà della dimensione della timeline, tutto funziona correttamente.

Un esempio del problema di cui sopra è illustrato in questo repository jsFiddle:

Example 1

enter image description here

Ho provato a risolto il problema e fatto il formato della carta della stessa dimensione linea temporale e quando le carte vengono spostate non muovo la carta ma la freccia della carta. Sfortunatamente, questo introduce altri problemi con la funzionalità Zoom.

Working demo: Problem with Zoom

Qualcuno mi può indicare la giusta direzione su come posso risolvere questo problema?

+0

Sembra che l'esempio per il plugin funzioni correttamente (e sembra che tu abbia basato il violino su di esso) http://propublica.github.com/timeline-setter/doc/twitter-demo.html Potrebbe questo è un problema con il tuo browser? Sto usando Chrome – LukeGT

+0

l'esempio funziona correttamente perché la larghezza della scheda che sta cambiando è inferiore alla metà della dimensione della timeline. Ma controlla il mio esempio con una carta più grande. esce dalla timeline! – glarkou

+0

Ah perdonami, non ci ho provato abbastanza. Ho ridimensionato la finestra del mio browser per provarlo ma non ho fatto clic sugli esempi che non sono riusciti. Molto funziona ancora, ma alcuni falliscono. – LukeGT

risposta

1

Non ho guardato molto al codice, ma a me sembra che il problema sia che la carta arriva a gran parte della proprietà "left:" css.

Prova a prendere la sinistra: e sposta semplicemente la freccia gialla che punta alla sezione della timeline.

Problemi correlati