NDOJ/templates/feed/feed_js.html

<script>
  window.page = {{page_obj.number}};
  window.has_next_page = {{1 if has_next_page else 0}};
  window.loading_page = false;
  $(function() {
    function getQueryParams() {
      var queryParams = {};
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        var key = decodeURIComponent(pair[0]);
        if (!key) continue;
        var value = decodeURIComponent(pair[1].replace(/\+/g, ' '));
        queryParams[key] = value;
      }
      return queryParams;
    }

    function loadNextPage() {
      window.loading_page = true;
      var params = {
        "only_content": 1,
        "page": window.page + 1,
      };

      params = Object.assign({}, getQueryParams(), params);

      $.get("{{feed_content_url}}", params)
        .done(function(data) {
        $(".has_next").remove();
        $(".middle-content").append(data);
        window.loading_page = false;
        window.has_next_page = parseInt($(".has_next").attr("value"));
        window.page++;
        renderKatex($('.middle-content')[0]);
        onWindowReady();
      })
    }

    $(window).on("scroll", function() {
      if (window.loading_page || !window.has_next_page) return;
      var distanceFromBottom = $(document).height() - ($(window).scrollTop() + $(window).height());
      var isDesktop = window.matchMedia('(min-width: 800px)').matches;

      if (isDesktop && distanceFromBottom < 500) {
        loadNextPage();
      }
    });

    $(document).on("click", ".view-next-page", () => {
      if (window.loading_page || !window.has_next_page) return;
      var isDesktop = window.matchMedia('(min-width: 800px)').matches;
      if (isDesktop) return;
      $(".view-next-page").remove();
      loadNextPage();
    });
  });
</script>