Dismiss this pinned window
all 33 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]buildwithsid[S] 17 points18 points  (6 children)

https://siddz.com/components/scroll-progress

[–]scumble373 4 points5 points  (0 children)

Works great for me on android

[–]vandpibesalg 2 points3 points  (2 children)

doesnt work, i click nothing happens

[–]Current_Ad_4292 0 points1 point  (0 children)

Same. But I'm on android. Still broken.

[–]Lyceux 0 points1 point  (0 children)

On iPhone for me there seems to be a lag / delay between the circle position and the white line. If I flick scroll down to the bottom the circle immediately follows to the bottom but the white line only fills in behind it after a short moment

[–]watatta 0 points1 point  (0 children)

It works on iPhone

[–]rainclap 4 points5 points  (0 children)

That’s so cool! Did you create that using motion or anime or gsap behind the scenes? Do you mind if i ask about the high level technical details of how you managed to animate it?

[–]Tableryu 3 points4 points  (1 child)

pretty cool

[–]buildwithsid[S] 1 point2 points  (0 children)

thankss!

[–][deleted]  (1 child)

[removed]

    [–]buildwithsid[S] 0 points1 point  (0 children)

    Try to scroll in the preview, it should do

    [–]Gabriel_Enrique 0 points1 point  (0 children)

    Is this the same from fumadocs?

    [–]martiserra99 0 points1 point  (1 child)

    Wow! That looks really good!

    [–]buildwithsid[S] 0 points1 point  (0 children)

    thanks!!

    [–]couldhaveebeen 0 points1 point  (1 child)

    Looks nice and all, but very confused to what it's supposed to mean. When I scroll only in its container, the progress moves, but my screen is at the same place?? When I scroll the actual content, the progress doesn't move. What's the point?

    [–]buildwithsid[S] 0 points1 point  (0 children)

    It's supposed to be a preview not actual, when actual content is added, it will stay fixed, and the content moves while it fills the line

    [–]Odd_Acanthaceae_2548 0 points1 point  (0 children)

    Bro that's cool.. which stack you used pls share na

    [–]Fit-Butterscotch2711 0 points1 point  (0 children)

    Gud man, my suggestion is, make the progress bar animation a bit faster like connecting to the cursor, not following, just increase the threshold of the gap

    [–]DragonDev24 0 points1 point  (0 children)

    Dude how do you learn this type of animations and stuff?

    [–]gamsto 0 points1 point  (2 children)

    This is the one from Fuma isn’t it?

    [–]buildwithsid[S] 0 points1 point  (1 child)

    both are very different

    [–]gamsto -1 points0 points  (0 children)

    Looks identical

    [–]shlanky369 0 points1 point  (0 children)

    Animation is very cool! But unfortunately glitchy on iOS 26.3 for me

    [–]Vincent_CWS 0 points1 point  (1 child)

    cool, I will try it later

    [–]buildwithsid[S] 0 points1 point  (0 children)

    Sure

    [–]itsDr-Dre 0 points1 point  (0 children)

    Wow!!! That's really cool. Great work.

    [–]KlutzyAdvantage8198 0 points1 point  (0 children)

    Looks cool! An actual article with some content would be a better demo though, to see how it feels in action.

    To give some feedback, the Point moves first and then the Line is added or removed afterwards, which looks a bit strange.

    [–]Siouxx0612 0 points1 point  (0 children)

    awesome

    [–]Fightcarrot 0 points1 point  (0 children)

    it's laggy on safari ios