How to set resource output in pdoPage via scroll?

Question

MODX

Welcome all.
Please help in solving the problem: the output of resources in pdoPage through scroll does not work.
Now the code is like this

<div class="wrapper-content-right-in" id="pdopage">
      <div class="rows blog-articles">
        <div class="zui-section zui-space-b-20">
        <div class="inner">
          <div class="article-granite">
          <h1></h1>
          <span></span>
          </div></div></div>			  
          <!-- Section start ======================== -->
          
          
          <!-- Section end ======================== -->
        </div> <!-- .blog-articles -->
</div> <!-- .wrapper-content-right-in -->

But even with this code, the resources are loaded, as it were, from the top of the button, and not from the bottom. If you change &ajaxMode=`button` to &ajaxMode=`scroll`, nothing works at all.

Answer 1

But even with this code, the resources are loaded, as it were, from the top of the button, and not from the bottom.

Well, they should be above the button.

If you change &ajaxMode=`button` to &ajaxMode=`scroll`, nothing works at all.

If you add scroll, then remove ajaxTplMore from the snippet