¿Qué es una buena cantidad de JS o JQuery para el teletipo de noticias con desplazamiento horizontal?
https://stackoverflow.com/questions/41027
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Estoy buscando un poco de JQuery o JS que me permita producir una lista de "ticker de noticias" de desplazamiento horizontal.
El HTML producido también debe cumplir con los estándares.
Yo he tratado liDesplazarse pero esto tiene la costumbre de interrumpirse (algunos contenidos terminan en una segunda línea al comienzo del desplazamiento), especialmente con listas más largas.
yo también lo he probado este teletipo de noticias pero cuando se incluye un DOCTYPE, el desplazamiento se sacudirá en lugar de circular suavemente al final de cada ciclo.
Se agradece cualquier sugerencia.
Editar
Entonces, gracias a la sugerencia de Matt Hinze, me di cuenta de que podía hacer lo que quería con JQuery Animate (necesito un desplazamiento continuo, no un desplazamiento discreto como en el ejemplo).Sin embargo, rápidamente me encontré con problemas similares a los que tenía con liScroll y después de todo me di cuenta de que un problema de CSS (como siempre) era el responsable.
Solución:liScroll: cambie el valor predeterminado 'var stripWidth = 0' a algo así como 100, para dar un poco de espacio y evitar el ajuste de nuevas líneas.
Solución
Smooth Div Scroll también se puede utilizar como teletipo de noticias o de acciones.Puede pausarse al pasar el mouse sobre o hacia abajo y puede repetirse sin cesar si así lo desea.
Aquí está el ejemplo con un ticker en marcha.
Otros consejos
Aquí hay otras 2 soluciones que parecen un poco más sencillas de implementar:
Una solución alternativa también sería la jQuery webTicker;es muy similar a liscroll, sin embargo, resuelve el problema con el ticker que se detiene después de que se completa toda la lista;al mismo tiempo que agrega algunas características nuevas y sofisticadas como;dirección de movimiento;velocidad;y capacidad de utilizar múltiples tickers por página.
El error de segunda línea que surge en liscroll se puede "solucionar" agregando un elemento de lista que contenga una entidad de espacio irrompible <li> </li> al final de cada lista ;)
