O que é um bom pouco de javascript ou JQuery para a rolagem horizontalmente ticker de notícias
https://stackoverflow.com/questions/41027
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Estou procurando por um pouco de JQuery ou JS que me permite produzir uma rolagem horizontalmente "ticker de notícias" lista.
Produzido HTML precisa ser compatível com padrões bem.
Eu tentei liScroll mas isso tem o hábito de quebrar (alguns conteúdos termina em uma segunda linha no início do livro), especialmente com listas mais.
Eu também tentei este Ticker de Notícias mas quando um DOCTYPE está incluído o deslocamento será sacudida em vez de ciclo suavemente no final de cada ciclo.
Todas as sugestões são bem-vindas.
Editar
Então, graças a Matt Hinze a sugestão de que eu percebi que eu poderia fazer o que eu queria fazer com o JQuery animar (eu preciso de um deslocamento contínuo e não discreto deslocamento, como exemplo).No entanto, corri rapidamente em problemas semelhantes àqueles que eu estava tendo com liScroll e depois de tudo o que perceberam uma questão CSS (como sempre) foi o responsável.
Solução:liScroll - alterar a predefinição 'var stripWidth = 0' para algo como 100, para dar um pouco de espaço e evitar uma nova quebra de linha.
Solução
Suave Div de Rolagem também pode ser utilizada como um ticker de notícias/bolsa de valores.Pode pausar o mouse sobre ou o mouse para baixo e ele pode repetir indefinidamente, se você desejar.
Aqui o exemplo com uma execução ticker.
Outras dicas
Aqui está a 2 outras soluções que parecem um pouco mais simples de implementar:
Uma solução Alternativa também seria o jQuery webTicker;é muito semelhante ao liscroll no entanto resolve o problema com o ticker parar depois de toda a lista completa;embora também a adição de algumas novas características extravagantes, como;direção de movimento;velocidade;e a capacidade de usar vários tickers por página.
A segunda linha de erro decorrente de liscroll pode ser "corrigido" pela adição de um listitem contendo um não-trivial espaço entidade <li> </li> no final de cada lista ;)
