Actual infinite scrolling fix

This commit is contained in:
Astra 2025-05-10 18:40:38 +09:00
parent a495f724b9
commit abeaa86096
No known key found for this signature in database

View file

@ -52,12 +52,17 @@
<p>Error: {error.message}</p>
{/await}
<div id="Feed" property="infinite-wrapper">
<div id="Feed">
<div id="spacer"></div>
{#each posts as postObject}
<PostComponent post={postObject as Post} />
{/each}
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=true />
{#if screen.availWidth > 600}
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper="#Feed" />
{/if}
{#if screen.availWidth <= 600}
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=false />
{/if}
<div id="spacer"></div>
</div>
</div>
@ -138,6 +143,7 @@
height: auto;
}
#Feed {
overflow-y: scroll;
width: 95%;
margin: 0px;
margin-left: 10%;