GitShow/sveltejs/svelte-scroller
sveltejs

svelte-scroller

A <Scroller> component for Svelte apps

by sveltejs
Star on GitHubForkWebsite

Svelte

370 stars26 forks4 contributorsQuiet · 2y agoSince 2018

Meet the team

See all 4 on GitHub →
Rich-Harris
Rich-Harris25 contributions
ddnn55
ddnn551 contribution
jtrim-ons
jtrim-ons1 contribution
mhkeller
mhkeller1 contribution

Languages

View on GitHub →
Svelte59.4%
JavaScript38.8%
HTML1.8%

Commit activity

Last 12 weeks · 0 commits

Full graph →

Community health

2 of 6 standards met

Community profile →
50
✓README✓License○Contributing○Code of Conduct○Issue Template○PR Template

Recent PRs & issues

Quiet · 5 in progress · Last activity 2y ago
See all on GitHub →
jonasveenhues
Issues with backdrop-filter blurOpenIssue

There seems to be a conflict with the use of background blur on the parent div element. The scrolling mechanisms don't work when I put backdrop-filter: blur on it. Is this a known issue? It also seems to disable the blur effects on all elements, after I close the Scroller as an Overlay.

jonasveenhues · 2y ago
martgnz
Use position stickyOpenPR

Swaps the current fixed/absolute swap with position sticky. This is more efficient because we only update the offset once (except on parallax mode). Moving the offset calculation outside of the intersection observer also has the benefit of positioning the background div on load rather than after the first scroll. There's one breaking change though. In the current code when you reach progress 1 the background div will go off the screen. In my experience this is confusing and position sticky approach where the background div stays fixed until you finish scrolling over the container is what most people actually want. Also, most scrollys i've seen tend to run a full height div on the background, where this point is moot. Thoughts welcome, of course! Closes https://github.com/sveltejs/svelte-scroller/issues/16. before top 0 and bottom 1 https://github.com/sveltejs/svelte-scroller/assets/1236790/16363fab-caf3-47d0-b911-af65a5788359 top 0.5 and bottom 1 https://github.com/sveltejs/svelte-scroller/assets/1236790/dcf030f3-da65-431d-99eb-d61fd75c7663 after top 0 and bottom 1 https://github.com/sveltejs/svelte-scroller/assets/1236790/c06423f1-4778-4078-95fa-bf3dec13e343 top 0.5 and bottom 1 https://github.com/sveltejs/svelte-scroller/assets/1236790/0aa32e24-556d-4318-81ff-3730e4fa8344 top 0 and bottom 1 with full screen background https://github.com/sveltejs/svelte-scroller/assets/1236790/e9148bb4-6615-46a0-8c69-cfc68318062b

martgnz · 2y ago
dkapitan
generate static siteOpenIssue

I was whether it is possible to create a static site using adapter-static. I am quite new to svelte, have tried to follow the Usage section, but can't figure it out for a simple single-page app like in . Could you perhaps give a pointer in the right direction?

dkapitan · 3y ago

Recent fixes

View closed PRs →
mhkeller
Fix width equalling 0 on loadMergedPR

Fixes https://github.com/sveltejs/svelte-scroller/issues/13 by allowing width to be the natural CSS width when the scroller is absolutely positioned and setting it to the foreground width when it's in fixed position.

mhkeller · 5y ago
Structured data for AI agents

Repository: sveltejs/svelte-scroller. Description: A <Scroller> component for Svelte apps Stars: 370, Forks: 26. Primary language: Svelte. Languages: Svelte (59.4%), JavaScript (38.8%), HTML (1.8%). Homepage: https://svelte.dev/repl/76846b7ae27b3a21becb64ffd6e9d4a6 Open PRs: 5, open issues: 10. Last activity: 2y ago. Community health: 50%. Top contributors: Rich-Harris, ddnn55, jtrim-ons, mhkeller.

·@ofershap

Replace github.com with gitshow.dev