使用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调用之后,将8个<div>从调用中返回的元素放入container,或者如果少于8个则返回.

在那之后,每隔5秒(我可以通过在Javascript中设置间隔来实现这一点),我想通过最下面的div滑出container显示下一个,并且列表中的下一个滑到顶部(ala Foursquare .COM).如果没有更多要显示,它将进行另一个AJAX调用以获得更多,如果有更多可用,它将从底部弹出,并以相同的方式弹出顶部.

这是我的主要问题.

如何用JQuery做这个动画？此外,我应该在哪里存储<div>最初不适合的元素(如果超过8个回来)？我假设如果我需要拨打更多电话,这也可以存储从第二次AJAX呼叫返回的那些.

编辑:最底部<div>应该只滑出,container如果它不完全适合,否则,它应该只是向下滑动.如果在少于8个<div>元素中会发生这种情况container.

多谢你们!

Answer 1

这就是你想要实现的目标吗？

如果是的话，按照教程操作即可