Javascript 使元素自动并重复向上滚动 ....

我想让

div#itemXX

元素在

div#par

中自动向上滚动。我还希望它每次移动一个div

我可以使用

标记，但它已被弃用，所以我想知道是否还有其他方法

顺便说一句，

div#itemXX

的高度不是固定的

更新： 我希望“div#itemXX”每次移动一次。就像幻灯片放映一样，每次显示一个div，但是如果当前div的高度大于视口，它应该向上滚动，当滚动结束时，下一个div（幻灯片）应该向上移动

<div id="par">
  <div id="item11"></div>
  <div id="item12"></div>
  <div id="item13"></div>
  <div id="item14"></div>
  ....
</div>

---

jsbin:

谢谢，我更新了我的帖子，我想获得进一步的效果。@hguser:然后尝试调整脚本。你也必须自己做一些事情，这不是免费的编码服务。或者付钱给别人帮你做。将setTimeout移到if和else中，并使if中的超时值变大。

(function(){
var top=0;
var par = document.getElementById('par')
var scroll = function() {
  top++;
  if( top>=par.firstElementChild.offsetHeight )
  {
    //first element is out of sight, so move to the end of the list
    top=0;
    par.firstElementChild.style.marginTop='';//reset to zero
    par.appendChild(par.firstElementChild);
  }
  else
  {
     //move the first element 'top' px up
     par.firstElementChild.style.marginTop='-'+top+'px';
  }
  setTimeout(scroll, 100);//repeat after 100ms
}
scroll();
})()