scientific-witchery/pds-dash
3
0
Fork 0
Code Issues 1 Pull requests 1 Projects 1 Releases Packages Wiki Activity Actions

Actual infinite scrolling fix
All checks were successful
Deploy / Deploy (push) Successful in 33s
Details

Browse source
This commit is contained in:
Astra 2025-05-10 18:40:38 +09:00
parent a495f724b9
commit abeaa86096
Signed by: astra
SSH key fingerprint: SHA256:jQDNS75/33T59Ey4yAzrUPP/5YQaXEetsW8hwUae+ag
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/App.svelte
View file

@ -52,12 +52,17 @@
<p>Error: {error.message}</p> <p>Error: {error.message}</p>
{/await} {/await}
<div id="Feed" property="infinite-wrapper"> <div id="Feed">
<div id="spacer"></div> <div id="spacer"></div>
{#each posts as postObject} {#each posts as postObject}
<PostComponent post={postObject as Post} /> <PostComponent post={postObject as Post} />
{/each} {/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 id="spacer"></div>
</div> </div>
</div> </div>
@ -138,6 +143,7 @@
height: auto; height: auto;
} }
#Feed { #Feed {
overflow-y: scroll;
width: 95%; width: 95%;
margin: 0px; margin: 0px;
margin-left: 10%; margin-left: 10%;