search

code100x / muzer

https://muzer.100xdevs.com
157 stars 136 forks source link

fix: overscroll behaviour #98

Open Mihir2423 opened 3 days ago

Mihir2423 commented 3 days ago

PR Title: Fix whitespace "bounce" effect at the top and bottom of the page

Description: This PR resolves the issue where excess whitespace appears when scrolling to the top or bottom of the page, creating a "bounce" effect.

https://github.com/user-attachments/assets/bddca17d-bcf5-4997-84e1-d8511f166f63

SujithThirumalaisamy commented 1 day ago

can you add the fix video

Mihir2423 commented 1 day ago

can you add the fix video

https://github.com/user-attachments/assets/e452e806-5d7a-4b57-b621-ca50d441aabb

SujithThirumalaisamy commented 1 day ago

I think we can have the bounce effect. but should have the same background which the forground have. Eg: There shoud the same purple gradient in the back to make the effect seamless

Mihir2423 commented 1 day ago

I think we can have the bounce effect. but should have the same background which the forground have. Eg: There shoud the same purple gradient in the back to make the effect seamless

I don't think we can achieve that because the foreground already has a linear gradient applied.

I've attempted the following fixes:

However, all of these led to the same result, as shown in the video.

https://github.com/user-attachments/assets/97c0d48f-e8a7-405f-92bc-f4f10a0c4884

SujithThirumalaisamy commented 2 hours ago

Dark color in the back will be good rather than white with high contrast.