jquery - 带有 JQuery 的自动滚动 Div(类似于 Foursquare Feed)

Question

所以我在页面加载时使用 JQuery 调用记录，如下所示:

$.ajax(
        {
            type: "POST",
            url: "<%= Url.Action("GetRecords", "Home") %>",
            data: sessioninfo,
            success: function(data){
                // data == the divs
              }
        });

data返回的可能是任意数量的 <div>元素(0 个或更多)。

我有一个 <div id="container">在我的页面上也是如此。我想在 AJAX 调用之后立即放置 <div> 中的 8 个从 container 调用返回的元素，如果少于 8，则尽可能多。

之后，每隔 5 秒(我可以通过在 Javascript 中设置一个间隔来做到这一点)，我想通过最底部的 div 来显示下一个滑出 container , 列表中的下一个滑到顶部 (ala Foursquare.com)。如果没有更多内容可显示，它将进行另一个 AJAX 调用以获取更多内容，如果有更多内容可用，它将从底部弹出，然后以相同的方式弹出到顶部。

这是我的主要问题。

如何使用 JQuery 制作此动画？另外，我应该在哪里存储 <div>最初不适合的元素(如果返回的元素超过 8 个)？如果我需要调用更多，我假设这也是存储从第二次 AJAX 调用返回的那些的地方。

编辑: 最底<div>应该只滑出 container如果它不完全适合，否则，它应该滑下来。如果少于 8 个 <div> 就会发生这种情况container 中的元素.

谢谢大家!

Answer 1

是this你想完成什么？

如果是，就跟着tutorial