水平スクロールのニュースティッカーに適した JS または JQuery は何ですか
-
09-06-2019 - |
質問
水平スクロールの「ニュースティッカー」リストを作成できる JQuery または JS を少し探しています。
生成される HTML も標準に準拠している必要があります。
私が試してみました リスクロール ただし、特に長いリストの場合、これには壊れる傾向があります (一部のコンテンツはスクロールの先頭の 2 行目になってしまいます)。
私も試してみました このニュースティッカー ただし、DOCTYPE が含まれている場合、スクロールは各サイクルの終わりにスムーズに循環するのではなく、ガタガタと動きます。
ご提案をお待ちしております。
編集
Matt Hinze の提案のおかげで、JQuery animate を使用してやりたいことができることに気づきました (例のような不連続スクロールではなく、連続スクロールが必要です)。しかし、すぐに liScroll で発生していたものと同様の問題に遭遇し、結局 (いつものように) CSS の問題が原因であることがわかりました。
解決:liScroll - 少しスペースを確保し、改行を避けるために、デフォルトの 'varstripWidth = 0' を 100 などに変更します。
解決
スムーズ Div スクロールは、ニュースティッカー/株価ティッカーとしても使用できます。マウスオーバーまたはマウスダウンで一時停止することができ、必要に応じて無限にループすることもできます。
こちらです 例 ランニングティッカー付き。
他のヒント
もう少し簡単に実装できると思われる他の 2 つのソリューションを次に示します。
代替ソリューションとしては、 jQueryウェブティッカー;liscroll と非常に似ていますが、リスト全体が完了した後にティッカーが停止するという問題が解決されます。また、次のようないくつかの新しい機能も追加します。移動方向。スピード;ページごとに複数のティッカーを使用する機能。
liscroll で発生する 2 行目のバグは、分割不可能なスペース エンティティを含む listitem を追加することで「修正」できます。 <li> </li>
各リストの最後に;)