Javascript Jquery在div中追加html文件

我正在尝试在div中滚动添加

.html

文件。但这里有一个问题。当我向下滚动jquery代码时，会附加多次page.html文件；当我向上滚动jquery代码时，也会附加多次

page.html

。我的代码有什么问题？这里有人能帮我吗

HTML

---

在一个简单变量的帮助下，只能附加一次html文件

var added = false;

$(window).scroll(function() {
    if ($(window).scrollTop() >= 300 && added == false) {
        added = true;
        $.get("page.html", function(data) {
            $(".abc").append(data);
        });

    }
});

---

每次滚动事件发生时，它都会追加。你知道这经常发生在。。。滚动。。。对吗？@KevinB亲爱的，正确的方法是什么？一切都一样。它是repeating@KevinB：我已更新答案，没有键入完整的if条件$（窗口）。scrollTop（）>=300&&Add==false@Deep我已经测试了你的最新答案，但没有解决我的问题。当我向下滚动和向上滚动时，它不会停止重复。我想你的ajax需要一些时间，在你滚动几次之前，我已经再次更新了它，以避免任何进一步的ajax调用，希望这会对你有所帮助。谢谢你解决了我的问题。是的，我现在测试了你的第二个更新答案，问题还在继续。这几乎是同样的问题。我不明白为什么不停止追加。

$(window).scroll(function() {
   if ($(window).scrollTop() >= 300) {

      $.get("page.html", function(data) {
         $(".abc").append(data);
      });
   }
});

var added = false;

$(window).scroll(function() {
    if ($(window).scrollTop() >= 300 && added == false) {
        added = true;
        $.get("page.html", function(data) {
            $(".abc").append(data);
        });

    }
});