가로로 스크롤되는 뉴스 티커에 적합한 JS 또는 JQuery는 무엇인가요?
-
09-06-2019 - |
문제
나는 가로로 스크롤되는 "뉴스 티커" 목록을 생성할 수 있는 약간의 JQuery 또는 JS를 찾고 있습니다.
생성된 HTML도 표준을 준수해야 합니다.
나는 시도했다 liScroll 그러나 이것은 특히 긴 목록의 경우 끊어지는 습관이 있습니다(일부 콘텐츠는 스크롤 시작 부분에서 두 번째 줄에 표시됩니다).
나는 또한 시도했다 이 뉴스티커 그러나 DOCTYPE이 포함되면 각 사이클이 끝날 때 부드럽게 순환하는 대신 스크롤이 흔들리게 됩니다.
어떤 제안이라도 감사하겠습니다.
편집하다
그래서 Matt Hinze의 제안 덕분에 JQuery animate를 사용하여 원하는 작업을 수행할 수 있다는 것을 깨달았습니다(예제처럼 개별 스크롤이 아닌 연속 스크롤이 필요함).그러나 나는 liScroll에서 겪었던 것과 유사한 문제에 빠르게 부딪혔고 결국 CSS 문제(항상 그렇듯이)가 책임이 있다는 것을 깨달았습니다.
해결책:liScroll - 약간의 공간을 제공하고 새 줄 바꿈을 방지하기 위해 기본 'var StripWidth = 0'을 100과 같은 것으로 변경합니다.
해결책
Smooth Div Scroll은 뉴스 티커/주식 티커로도 사용할 수 있습니다.마우스를 올리거나 내리면 일시 정지할 수 있으며 원할 경우 무한 반복할 수 있습니다.
여기 예 실행중인 티커와 함께.
다른 팁
구현하기가 좀 더 간단해 보이는 다른 두 가지 솔루션은 다음과 같습니다.
대체 솔루션은 다음과 같습니다. jQuery 웹티커;이는 liscroll과 매우 유사하지만 전체 목록이 완료된 후 티커가 멈추는 문제를 해결합니다.또한 다음과 같은 몇 가지 새로운 고급 기능을 추가합니다.이동 방향;속도;페이지당 여러 개의 티커를 사용할 수 있습니다.
Liscroll에서 발생하는 두 번째 줄 버그는 깨지지 않는 공간 엔터티를 포함하는 목록 항목을 추가하여 "수정"할 수 있습니다. <li> </li>
각 목록의 끝에;)