1

--jQuery.ScrollTo / jQuery.SerialScrollを使用して、Webサイトの自動水平スクロールを開発しようとしています。これがそれを行うのに最適なjqueryライブラリであるかどうかはわかりませんが、もっと良いものがあれば教えてください。

これが私が望む振る舞いです、foursquareの「最近の活動」リストをチェックしてください。更新されるデータは、window.setIntervalを使用して数秒ごとに作成するajaxリクエストから取得されます。私は実際にはCSS/javaスクリプトの人ではないので、jQuery.SerialScrollを理解することができませんでした。

これがウェブサイトです-「ライブジョブフィード」リストを見てください。現在、リストはajax呼び出しからのデータを更新しますが、効果やアニメーションは表示されません。実際、serialScrollが使用されているとは思いません。現在、-$（'＃feed-ticker'）。prepend（content）を実行して、新しく到着したデータを事前に追加しています。

ビューソースを実行して、現在のコードを確認できます。

どんな助けでも本当にありがたいです。ありがとう。

4

1 に答える 1

0

$.scrollTo()（さらに、SerialScrollプラグイン）は、ブラウザーのスクロールバーの位置を調整します。たとえば$(document).scrollTo()、ドキュメントの別の場所にスムーズにスクロールするのに最適です。（もちろん、スタイルoverflow:autoまたはでブロック要素のスクロール位置を調整することもできoverflow:scrollます。）

リンクしたサイトを見るとscrollTo()、アニメーション化された新しいアイテムの動作を実現するために使用していないようです。むしろ、包含ブロックのスタイルはに設定されoverflow:hidden、新しいアイテムはheightゼロで作成されます。ページに挿入されると、新しいアイテムの高さは75px（またはその他）にアニメーション化されます。これはあなたにとってより良いアプローチかもしれません。

contentjQueryオブジェクトであると仮定します。

content.height(0);
$('#feed-ticker').prepend(content);
content.animate({
    height: 75 // or whatever your target height is
}, 500); // animation's duration in milliseconds

魔法！

于 2010-05-06T23:48:32.660 に答える