Что хорошего в JS или JQuery для горизонтальной прокрутки новостей

Я ищу немного JQuery или JS, который позволил бы мне создавать горизонтально прокручиваемый список "новостных лент".

Произведенный HTML также должен соответствовать стандартам.

Я пробовал liScroll, но у него есть привычка ломаться (часть контента заканчивается на второй строке в начале прокрутки), особенно с более длинными списками.

Я также пробовал этот новостной тикер, но когда включен DOCTYPE, прокрутка будет трястись, а не плавно переключаться в конце каждого цикла.

Любые предложения приветствуются.

редактировать

Поэтому, благодаря предложению Мэтта Хинзе, я понял, что могу делать то, что хотел, с JQuery animate (мне нужна непрерывная прокрутка, а не дискретная прокрутка, как в примере). Тем не менее, я быстро столкнулся с проблемами, похожими на те, что были у меня с liScroll, и после всего этого понял, что проблема CSS (как всегда) была ответственной.

Решение: liScroll - измените значение по умолчанию 'var stripWidth = 0' на что-то вроде 100, чтобы освободить место и избежать переноса новой строки.

5 ответов

Решение

Smooth Div Scroll также можно использовать как тикер новостей / биржевой тикер. Он может останавливаться при наведении курсора мыши или мыши вниз и может бесконечно зацикливаться, если вы этого хотите.

Вот пример с бегущим тикером.

Вот 2 других решения, которые кажутся немного проще в реализации:

  1. News ticker
  2. Лента новостей (стиль BBC)

Альтернативным решением также может быть jQuery webTicker; однако он очень похож на liscroll, но решает проблему остановки тикера после завершения всего списка; в то же время добавив некоторые новые необычные функции, такие как; направление движения; скорость; и возможность использовать несколько тикеров на странице.

Ошибка второй строки, возникающая в liscroll, может быть "исправлена" путем добавления элемента списка, содержащего неразрывный пробел <li>&nbsp;</li> в конце каждого списка;)

Другие вопросы по тегам