Question

我正在尝试使用-jQuery.ScrollTo / jQuery.SerialScroll为我们的网站开发自动水平滚动。我不确定这是否是最好的jquery库，但如果有更好的东西，请告诉我。

以下是我想要的行为，请查看foursquare's“最近活动”列表。将刷新的数据将来自我使用window.setInterval每隔几秒发出一次的ajax请求。我不是一个真正的CSS / java脚本人，所以我还没弄明白jQuery.SerialScroll。

这是website - 查看“实时作业供稿”列表。目前该列表确实刷新了来自ajax调用的数据，但我没有看到效果，动画，实际上我甚至不认为正在使用serialScroll。现在我正在做 - $（'＃feed-ticker'）。prepend（content）预先附加新到达的数据。

您可以使用视图源查看当前代码。

任何帮助都会非常感激。感谢。

Answer 1

$.scrollTo()（扩展名为SerialScroll插件）调整浏览器滚动条的位置。例如，$(document).scrollTo()非常适合平滑滚动到文档上的其他位置。（当然，您也可以使用样式overflow:auto或overflow:scroll调整块元素的滚动位置。）

注意您链接到的网站，看起来他们没有使用scrollTo()来实现动画新项目行为。相反，包含块的样式设置为overflow:hidden，新项目的创建时height为零。插入页面后，新项目的高度将被设置为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

魔术！

使用jQuery.ScrollTo / jQuery.SerialScroll进行水平滚动的问题

1 个答案: