Что хорошего в JS или jQuery для горизонтальной прокрутки новостной ленты
-
09-06-2019 - |
Вопрос
Я ищу немного jQuery или JS, которые позволяют мне создавать список "бегущих строк новостей" с горизонтальной прокруткой.
Созданный HTML-код также должен соответствовать стандартам.
Я пытался лиСкролл но это имеет привычку прерываться (некоторый контент оказывается на второй строке в начале прокрутки), особенно с более длинными списками.
Я тоже пробовал эта Новостная Лента но когда включен DOCTYPE, прокрутка будет трястись, а не повторяться плавно в конце каждого цикла.
Любые предложения приветствуются.
Редактировать
Итак, благодаря предложению Мэтта Хинце я понял, что могу делать то, что хотел, с jQuery animate (мне требуется непрерывная прокрутка, а не дискретная, как в примере).Однако я быстро столкнулся с проблемами, похожими на те, что были у меня с liScroll, и после всего этого понял, что причиной была проблема с CSS (как всегда).
Решение:liScroll - измените значение по умолчанию 'var StripWidth = 0' на что-то вроде 100, чтобы освободить немного места и избежать переноса новой строки.
Решение
Плавная прокрутка Div также может использоваться в качестве тикера новостей / биржевого тикера.Он может приостанавливаться при наведении курсора мыши или опускании курсора мыши, и он может зацикливаться бесконечно, если вы этого захотите.
Вот пример с бегущей строкой.
Другие советы
Вот 2 других решения, которые кажутся немного более простыми в реализации:
Альтернативным решением также могло бы быть Веб-редактор jQuery;это очень похоже на liscroll, однако решает проблему с остановкой бегущей строки после завершения всего списка;в то же время добавляя некоторые новые необычные функции, такие как;направление движения;Скорость;и возможность использовать несколько тикеров на странице.
Ошибка второй строки, возникшая в liscroll, может быть "исправлена" путем добавления listitem, содержащего неразрывный пробел <li> </li>
в конце каждого списка ;)