-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
flickering line between page sections #38
Comments
Hi @victorcodess, those styles you refer to are for preventing the "elastic" overscroll effect, I don't think they are related to the issue you described. Could you please provide a minimal reproduction? Either a repository or something like a CodeSandbox or StackBlitz demo. |
The bug seems to be fixed now, but it seems I'm still having some performance issues while scrolling. Here's a CodeSandbox demo: https://codesandbox.io/p/github/victorcodess/folio-v1/main?file=%2FREADME.md&workspaceId=a61b127f-67eb-4889-bf03-a02cb268a5d9 |
@victorcodess I can't access the codesandbox, I think you'll need to adjust the permissions: |
Hey @victorcodess, ideally the repro should be a smaller example where I can reproduce the bug, as unfortunately I can't be debugging an entire app. In doing so it's also likely that you come across the combination of code/libraries that's causing the issue. I did however play around with the code a little, and noticed this CSS being applied after the initial page load: It looks like after your preloader animation has finished, when you change Also not too sure about how compatible the |
Hello @breadadams, thank you so much for your assistance. I've been able to resolve the issue with the preloader, it seems the bug was from the gsap timeline setup in the Concerning the performance issues, I'm assuming it's not directly tied to |
But, when you enable scrollermotion the navbar navigation doesn't work. You can see a reproduction in the codesandbox. |
@victorcodess probably related to #4, see the solution here: #4 (comment) |
This doesn't really solve the problem, because the navabar was never in the Here is the code structure: <>
<PreLoader />
<NavBar />
<ScrollerMotion>
<main className="flex flex-col items-center justify-center">
<Hero />
<Work />
<About />
<Blog />
<Contact />
<Footer />
</main>
</ScrollerMotion>
</> You can view the demo in the link above. Thank you! |
Adding a unstyled containing div fixed this for me
|
Hello there! Thank you so much for this wonderful package. The smooth scrolling seems to be working pretty fine, but while scrolling through sections on my page, I get this flickering line between them which fades off after I stop scrolling. I went through the docs and added the
to my css file, but it doesn't seem to solve anything. It's a single page next.js website and here is the structure of my page.tsx:
Is there a way to solve this? Thank you for your time!
The text was updated successfully, but these errors were encountered: