1

我正在尝试使用 - jQuery.ScrollTo / jQuery.SerialScroll 为我们的网站开发自动水平滚动。我不确定这是否是最好的 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，并且新项目的 aheight为零。一旦插入页面，新项目的高度就会被设置为 75px（或其他）。这可能是您采取的更好方法。

假设content是一个 jQuery 对象：

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 回答