Проблема в том, что после подгрузки новых ресурсов, нужно скроллить обратно вверх, а не вниз.
<div class="wrapper-content-right-in" id="pdopage">
<div class="blog-articles rows">
[[!pdoPage?
&parents=`[[*id]]`
&ajaxMode=`scroll`
&limit=`10`
&includeContent=`1`
&hideContainers=`1`
&processTVs=`1`
&tpl=`smsTpl`
]]
</div>
[[!+page.nav]]
</div>
А на ванильном js?
Странно, что работает один мод ajax, а второй нет и при этом без ошибок. А в журнале modx есть ошибки?