前端頁(ye)面(mian)瀑布流如何(he)實現(xian)下拉加載更多？

使(shi)用(yong)瀑(pu)布流標(biao)簽配(pei)合js就(jiu)能實現(xian)頁(ye)面下拉加載(zai)更多。

瀑布流調用標簽

<div id='與artlist標簽的tagid名稱一致'>
{eyou:artlist typeid='欄目ID' row='10' tagid='唯一的標簽名稱'}
    <a href='{$field.arcurl}'>{$field.title}</a>
{/eyou:artlist}
</div>
{eyou:artpagelist pagesize='3' tagid='與artlist標簽的tagid名稱一致' tips='沒有數據了'}
    <a id='gengduo' href="javascript:void(0);" {$field.onclick}>加載更多</a>
{/eyou:artpagelist}

實現下拉觸發加載(zai)更多的js

<script>
    //監聽滾動事件
    let timer = null;
    document.addEventListener('scroll', function () {
    clearTimeout(timer);
    //判斷是否滾動到 底部
    if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 50){
        timer = setTimeout(function(){
        document.getElementById( 'gengduo').click();
        },300)
        }
    });
</script>