its not giving that snappy scroll view,

[ornate plover]

https://github.com/studio-freight/lenis/blob/c3f82d8d9e76e32cd28d021f50b907c16cbc4657/website/pages/home/index.js#L278

[visual jewel]

Thank you for sharing that 🙂

I'll take a look into it

[ornate plover]

looks like they are using a lot of libraries which doesn't really answer the question

but then you can inspect how those are doing it

i have my computer set to smooth scroll so i was a bit confused at first

lol

[visual jewel]

Smoothly,

[visual jewel]

So let me exaplain what I am trying to achieve, I am building a landing page which had the main title page that would have a scroll Down button, once clicked I want to pull up the bottom sections like this :-

When I inspected the page, I saw that there are lots of translateY properties changing and technically they had disbaled the overflow-y of the page

so there is no scroll view, its all a big sections pilled up togehter and the elements are TranslateY based on the mouse scroll event

[ornate plover]

yeah usually they disable something because if enabled, you'd see a wild amount of content you don't want to see

[visual jewel]

I want to acheive that 2003 section effect, i.e. the black splash comming and the

[ornate plover]

alternatively the scrollbar would go crazy and look weird

[visual jewel]

I tried that, I set the overflow to enabled, its was not working the way it supposed to be

[ornate plover]

and sorry for all the questions but do you care how it is achieved or would you be happy to use a library that does it?

or want to build from scratch?

[visual jewel]

I do care how its achieved, i.e. its should be best optimized + functionable and easy to maintain in the future,
And I am more inclined to build it from scratch as I love to take control

[ornate plover]

from what I can see, it's using translate3d and scale, to do the bulk of the effect. scroll points are used to instigate change but the css is handling most of it. I would try replicate the css first perhaps

[visual jewel]

but because the scroll is disabled, how thry arewe calculating the scroll positions?

scroll event

would probably won't gonna work

which event would I have to listen for such situations?