在滚动后克隆一个带有滑动效果的div

时间:2015-11-16 05:53:11

标签: jquery

  

使用向下滑动效果克隆Div,例如当我滚动时   添加一个具有下滑效果的div的克隆,任何帮助都应该是   理解

      if (scroll >= 280) {
       $(function(){
  var $button = $('.hd').clone();
  $('.ap').html($button);
});
  

当我滚动它会多次插入我只需要一次滑下效果

js Fiddle

1 个答案:

答案 0 :(得分:0)

使用布尔值

var inserated = false
$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= 180) {
        $('.hd').each(function() {
            if(inserated == false){
                var $button = $('.hd').clone();
                $('.ap').html($button);
                inserated = true;
            }
        });
    }else{

    }
});

DEMO

如果你只有一个.hd类的代码,你可以使用

var inserated = false
$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= 180 && inserated == false) {
        var $button = $('.hd').clone();
        $('.ap').html($button);
        inserated = true;
    }else{

    }
});

DEMO