javascript - 如何制作实时jQuery效果？

我想制作一个实时的提要阅读器，并且我想找到一种解决方案，使新项目在不刷新页面的情况下出现，并具有类似FriendFeed的滚动效果。

您可以在这里看到我在说什么：http://www.vimeo.com/4029954

我只想要一个可以用新DIV内容调用的函数，然后在具有效果的先前DIV之上创建它。

注意：我已经有了ajax和settimeout函数，这意味着我要添加新的feed内容，所以我要寻找的是效果和函数，以添加具有滚动效果的新div！

谢谢

最佳答案

我认为您可能正在寻找比slideDown()效果更好的东西。这不太正确，因为它只是增加了对象的高度，而不是使它看上去“滚动”到视图中。从jQuery UI中查看show()效果。 http://jqueryui.com/demos/show/#option-effect我想如果您给它“垂直滑动”选项，“滑动”效果将是合适的。 “ Drop”效果听起来像是正确的，但是当我尝试它时，其效果与“ slide”相同。也许那是目前演示站点中的错误。

您可能还对使用animate()方法设置元素的top属性动画感兴趣，以便可以将其“滚动”到视图中。您需要有一个带有overflow: hidden的容器，以及一个设置为height的容器和width设置为position: relative的容器。然后，创建一个带有position: absolute的内部容器，然后可以使用top为该容器的jQuery.animate()属性设置动画。

var $items = $("#scroller .inner *");
$('#scroller .inner').animate({
    top: '-' + Math.round( $items.length * $items.eq(0).outerHeight(true) ) + 'px'
  });

请注意，如果您知道每个内部元素的高度为多少像素，则可以将$items.eq(0).outerHeight(true)替换为已知高度的整数值。

关于javascript - 如何制作实时jQuery效果？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2087176/