码迷,mamicode.com
首页 > 其他好文 > 详细

向上滚动

时间:2016-09-02 18:58:33      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

向上滚动

标签:

原文地址:http://www.cnblogs.com/ws-zhangbo/p/5834417.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!