javascript - jQuery:滚动时多次克隆div

Question

我正在尝试弄清楚如何在滚动条上重复克隆 div 的内容，从而给人一种页面永远持续下去的印象。到目前为止，我的标记如下，这里也有一个 fiddle https://jsfiddle.net/guht49La/ :

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

  }
});

虽然这只插入一次，但我想每隔 800 像素(例如)插入一次，从而给人一种页面永远持续下去的印象。对此有任何建议，我们将不胜感激!

Answer 1

这会起作用

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

  }
});