Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Flickering on upward scrolling
See original GitHub issueHello 👋
Describe the bug Sticky element is flcikering during upward scroll
To Reproduce Steps to reproduce the behavior:
- Go to nht.effegiced.it
- Scroll down to the end of page
- Scroll up
- See topbar flickering
Expected behavior No flickering
Desktop:
- OS: Mac OS
- Browser: Chrome
- Version 99
** Workaround ** I’m able to fix this adding this css
.has-scroll-smooth {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
Issue Analytics
- State:
- Created 2 years ago
- Reactions:7
- Comments:6
Top Results From Across the Web
Articles Often Flicker or Black Out Randomly after Scrolling a ...
If I scroll upwards again, I see the text again, but as soon as I hit the ad, it'll black out again. Or...
Read more >Flickering screen when scrolling - Apple Community
What I see is a flickering phenomena, only during vertical scrolling, which affects really the quality of the display.
Read more >[SOLVED]Web browsers while scrolling vertical flickering or ...
I partially solved the problem -- I have noticed that on machine with win7 this wierd behave happens as well. This is caused...
Read more >How to avoid Flickering div due to show and hide scrollbar on ...
Firstyl you can add CSS width: to scroll bar. After that, add to .parent{} ...
Read more >How to solve the flicker problem when the control is put on a ...
I found that the window was flickering when I dragged the scrollbar up and down. My first thought was maybe I put too...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Was facing the same issue. This fix worked for me but scroll bar doesn’t work with this. .has-scroll-smooth [data-scroll-container] { transform: perspective(1px); }
https://github.com/locomotivemtl/locomotive-scroll/issues/373#issuecomment-996523343
check out this solution, worked for me 👍