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

Weird Half Scroll on initial load on smaller viewport height #136

Open
jordanrabidou opened this issue May 25, 2022 · 15 comments
Open

Weird Half Scroll on initial load on smaller viewport height #136

jordanrabidou opened this issue May 25, 2022 · 15 comments

Comments

@jordanrabidou
Copy link

jordanrabidou commented May 25, 2022

When viewing my site: https://waverlypensacola.com/ on a viewport height less than 790px the first screen loads but then the right half is put off screen. This is corrected if the site is scrolled or resized

https://www.loom.com/share/8e91a52cb48a4e018225d08de66e7604

@alvarotrigo
Copy link
Owner

alvarotrigo commented May 25, 2022

Make sure to use the latest version of your scrollOverflow extension scrollOverflow MultiScroll Extension 0.0.3

@jordanrabidou
Copy link
Author

Where can i get that?, the email I received only gives the option to download 0.1
Screen Shot 2022-05-25 at 11 09 48 AM
Screen Shot 2022-05-25 at 11 09 34 AM

@alvarotrigo
Copy link
Owner

Try again, we've just uploaded it again in case there was some error.

@jordanrabidou
Copy link
Author

jordanrabidou commented May 25, 2022 via email

@alvarotrigo
Copy link
Owner

Alright. Apologies for that :)
It should be fixed by now. Try again.

@jordanrabidou
Copy link
Author

jordanrabidou commented May 25, 2022 via email

@alvarotrigo
Copy link
Owner

I can't reproduce your issue. See the video below:

bug-ms.mp4

@jordanrabidou
Copy link
Author

here is another recording of what i'm seeing
https://www.loom.com/share/1b77e63f0ab94955a40bcda1f478f1ac

@jordanrabidou
Copy link
Author

As you can see it only happens on the initial load of the site, if you resize the screen it fixes itself

@alvarotrigo
Copy link
Owner

alvarotrigo commented May 25, 2022

Make sure to use the latest version of multiScroll
multiscroll.js 0.2.2 - Extensions 0.0.7

@alvarotrigo
Copy link
Owner

Make sure to use the latest version of multiScroll
multiscroll.js 0.2.2 - Extensions 0.0.7

@jordanrabidou
Copy link
Author

jordanrabidou commented May 25, 2022 via email

@alvarotrigo
Copy link
Owner

Can you provide an isolated reproduction?
No external JS code and CSS files and the minium amount of HTML code possible.

@jordanrabidou
Copy link
Author

So I was able to isolate the issue to a scroll overflow on the last screen causing the issue. As a current workaround, I've shrunk all text and spacing to be much tighter as not to cause a scroll overflow on a realistic viewport height.

@alvarotrigo
Copy link
Owner

Can you provide a link to the isolated reproduction with no external code and the minimum amount of HTML?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants