Javascript 滚动时添加html元素

当我向下滚动鼠标时，我想在HTML代码中添加一个新的引导行。你能给我提供JavaScript代码吗

<div class="row">
    <div class="col-md-6 col-xs-6" >
        <div>
            <img src="img/picture1.jpg" alt="pic1">
        </div>
        <div class="col-md-6 col-xs-6">
            <div>
                <img src="img/temp/picture2.jpg" alt="pic2">
            </div>
        </div>
    </div>
</div>

---

要将行添加到父div：

HTML:

<div id="parent">
   <div class="row">
      <div class="col-md-6 col-xs-6" >
        <div>
            <img src="img/picture1.jpg" alt="pic1">
        </div>
        <div class="col-md-6 col-xs-6">
            <div>
                <img src="img/temp/picture2.jpg" alt="pic2">
            </div>
       </div>
   </div>
</div>

$(window).scroll(function() {
  var numItems = $('.row').length;
  if(numItems <= 2){
     $( "#parent" ).append( "<div class='row'>New Row</div>" );
  }
});

jQuery:

<div id="parent">
   <div class="row">
      <div class="col-md-6 col-xs-6" >
        <div>
            <img src="img/picture1.jpg" alt="pic1">
        </div>
        <div class="col-md-6 col-xs-6">
            <div>
                <img src="img/temp/picture2.jpg" alt="pic2">
            </div>
       </div>
   </div>
</div>

$(window).scroll(function() {
  var numItems = $('.row').length;
  if(numItems <= 2){
     $( "#parent" ).append( "<div class='row'>New Row</div>" );
  }
});

$（窗口）。滚动（函数（）{
var numItems=$（'.row'）.length；
如果（numItems=距离）{
var numItems=$（'.row'）.length；
如果（numItems抱歉，但事实并非如此。这不是免费的代码服务。您可以查看类似或其他服务，然后自己尝试。谢谢！但如何限制新添加的行数？我只需要2行新代码rows@KikoPayet我修改了jQuery代码片段以适应两个div的限制。这对你来说怎么样？@KikoPayeI don’如果这是你想要的答案，请把它标记为正确答案。干杯