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>
{/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%;