Skip to content
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

Random Scrollposition #61

Closed
straightvisions-matthias-bathke opened this issue Oct 11, 2022 · 3 comments
Closed

Random Scrollposition #61

straightvisions-matthias-bathke opened this issue Oct 11, 2022 · 3 comments

Comments

@straightvisions-matthias-bathke

Describe the bug
The position of the scrollbar is random and changes upon refresh.

To Reproduce

  1. Go to https://lautstark-jrk.de/
  2. Scroll down to sliders
  3. Check scroll positions
  4. Refresh to see changing random position

Expected behavior
With class slider-item-snapstart the scrollposition should be start, not a random position.

Screenshots
screenshot-lautstark-jrk de-2022 10 11-09_37_12

swiffy-scrollposition-bug.mp4

Desktop

  • OS: Windows
  • Browser: Chrome
  • Version 106.0.5249.103

Problem seems not to occur on the following setups
IOS Safari & Chrome
Windows Firefox

@nicped
Copy link
Member

nicped commented Oct 11, 2022

Hi

Thank you for using Swiffy Slider.

I can see the issue, but I think it is one of the many plugins you have on the site - there is a lot of DOM manipulation happening after load.

I cannot reproduce the issue in an isolated environment with only the slider script involved - also it behaves as expected with same configuration on the config page: https://swiffyslider.com/configuration/?slider-item-show=slider-item-show4&slider-item-reveal=slider-item-reveal&slider-item-snapping=slider-item-snapstart&slider-nav-scrollbar=slider-nav-scrollbar

Can you reproduce the issue with no other scripts running on the page, I will be happy to look into it.

BR Nicolai

@straightvisions-matthias-bathke
Copy link
Author

Hi Nicolai,

thank you for the fast response. I've found the issue, a prevent fouc script used the following css:

content-visibility: hidden;

After I've removed the line the issue is solved.

Kind regards,

Matthias

@nicped
Copy link
Member

nicped commented Oct 11, 2022

Great! Thanks for letting me know.
Your site looks good by the way!

@nicped nicped closed this as completed Oct 11, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants