水平スクロールのニュースティッカーに適した JS または JQuery は何ですか

StackOverflow https://stackoverflow.com/questions/41027

質問

水平スクロールの「ニュースティッカー」リストを作成できる JQuery または JS を少し探しています。

生成される HTML も標準に準拠している必要があります。

私が試してみました リスクロール ただし、特に長いリストの場合、これには壊れる傾向があります (一部のコンテンツはスクロールの先頭の 2 行目になってしまいます)。

私も試してみました このニュースティッカー ただし、DOCTYPE が含まれている場合、スクロールは各サイクルの終わりにスムーズに循環するのではなく、ガタガタと動きます。

ご提案をお待ちしております。

編集

Matt Hinze の提案のおかげで、JQuery animate を使用してやりたいことができることに気づきました (例のような不連続スクロールではなく、連続スクロールが必要です)。しかし、すぐに liScroll で発生していたものと同様の問題に遭遇し、結局 (いつものように) CSS の問題が原因であることがわかりました。

解決：liScroll - 少しスペースを確保し、改行を避けるために、デフォルトの 'varstripWidth = 0' を 100 などに変更します。

役に立ちましたか？

解決

スムーズ Div スクロールは、ニュースティッカー/株価ティッカーとしても使用できます。マウスオーバーまたはマウスダウンで一時停止することができ、必要に応じて無限にループすることもできます。

こちらです 例 ランニングティッカー付き。

他のヒント

もう少し簡単に実装できると思われる他の 2 つのソリューションを次に示します。

  1. 新しいステッカー
  2. ニュースティッカー (BBC スタイル)

代替ソリューションとしては、 jQueryウェブティッカー;liscroll と非常に似ていますが、リスト全体が完了した後にティッカーが停止するという問題が解決されます。また、次のようないくつかの新しい機能も追加します。移動方向。スピード;ページごとに複数のティッカーを使用する機能。

liscroll で発生する 2 行目のバグは、分割不可能なスペース エンティティを含む listitem を追加することで「修正」できます。 <li>&nbsp;</li> 各リストの最後に;)

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top