向上滚动

Posted 2020-08-06 蛋Mrs炒饭

var awardsList = $(‘#sep2016fList‘);

  if(awardsList.find(‘li‘).size()>4){
    onescroll();
  }

  function onescroll(){
      var oul=awardsList;
      function c(){
          oul.animate({marginTop:‘-1.75rem‘},800,‘ease-out‘,function(){
              $(this).css({marginTop:‘0px‘}).find(‘li:first‘).appendTo(this); 
              console.log($(this),this);
          });
      }
      setInterval(c,2000);
  }

<ul id="sep2016fList" style="margin-top: -1.75rem; transition-property: margin-top; transition-duration: 0.8s; transition-timing-function: ease-out;">
　　<li><span>8元现金券</span>139****0001</li>
　　<li><span>88元现金券</span>139****0001</li>
　　<li><span>38元现金券</span>139****0001</li>
　　<li><span>18元现金券</span>139****0001</li>
　　<li><span>8元现金券</span>139****0001</li>
　　<li><span>38元现金券</span>139****0001</li>
　　<li><span>8元现金券</span>139****0001</li>
　　<li><span>38元现金券</span>139****0001</li>
　　<li><span>68元现金券</span>132****0001</li>
</ul>