• Webpage is “bouncing”–anytime the site is longer than can be displayed on one screen, it does not scroll properly but bounces up and down. This happens whether there is more content or less (I have tried removing content based on prior posts in here, but even if it is just the footer remaining, it does this bounce.) If there is nothing to display and everything fits onto the screen, it is fine.

    Here’s a video displaying the issue, in case it isn’t replicable for some reason:

    https://drive.google.com/open?id=1QQs1rSfDt6ahl57Gso0UWH29PFx6Q068

    Help?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 21 total)
  • Theme Author themevision

    (@themevision)

    Hello,@relientkitte!

    It works just fine on my side…

    Google Chrome

    Firefox

    anyway, if you still have that issue, try to turn off the Nicescroll, located at:
    Customizing->General->Extra menu
    https://prnt.sc/l04sc0

    Regards

    Thread Starter relientkitten

    (@relientkitten)

    Thanks for writing back, @themevision!

    Nicescroll is already off. I tried turning it on, just to see, and no dice. Tried messing with Back to Top, also no luck.

    I had already confirmed that it was not working in Chrome or in Firefox. But I just checked and it is working fine in IE. So what is the common denominator there?

    Cheers!

    Theme Author themevision

    (@themevision)

    Hi,

    Unfortunately, I do not see any error so I can not help you, as your web page works quite well on my computer.

    Have you tried to open your website on another computer?

    Regards

    Thread Starter relientkitten

    (@relientkitten)

    Hrm. It works on another computer here and it works on my phone. This is odd. I guess as long as it works for the rest of the world. If I get a report of the site not working for someone else, I’ll let you know.

    Only thing I can think of is maybe resolution? I’m running 2560×1440 whereas everything else I have tested on has been a smaller screen size. Not sure what you’re running at. I don’t have access to anything my size or larger to test on.

    Cheers and thanks!

    Thread Starter relientkitten

    (@relientkitten)

    I had someone else with a large resolution test, he’s at 1440p and using Chrome and had the same issue. So it certainly appears to be resolution-related. What are your thoughts?

    Thanks and cheers!

    Theme Author themevision

    (@themevision)

    Hello,@relientkitten!

    I just checked your page again and found that the error now appears on my side too.
    It’s most likely you have a conflict with some of the plugins you have activated, so I suggest you check the plugins.
    So to do that, please deactivate ALL plugins temporarily, then check if the page scroll will start working correctly.
    If it works, re-activate them individually (one-by-one) until the problem appears again on that way you can find the problematic plugin (s).

    Regards

    Thread Starter relientkitten

    (@relientkitten)

    The issue appears to be with “Post and Page Builder” which is a default plugin of BoldGrid, one of the frameworks that my hosting company provides and that I happen to be using. Are you able to fix this compatibility issue? I prefer your template and it’s one of those featured in BoldGrid.

    Theme Author themevision

    (@themevision)

    Hello,

    That’s weird.
    I just tested the plugin “Post and Page Builder” and did not find any problems with incompatibility. Have you tried to deactivate all plugins except the β€œPost and Page Builder”?
    You may have a problem with a conflict of multiple plugins.

    Have you tried the Elementor Page builder?

    Thread Starter relientkitten

    (@relientkitten)

    If I turn off everything but Post and Page Builder, it is broken. As soon as I turn off Post and Page Builder, it works fine. I turn Post and Page Builder back on, it breaks again. Somewhere in there is the issue.

    https://drive.google.com/open?id=1rwdfTHWBelSWd6fap_LAe373tj5MQFhR

    Hello @relientkitten,

    I will try to reproduce same issue with stated plugin above, if i find any bugs you can expect update very soon.

    Just give us some time.

    Regards

    Thread Starter relientkitten

    (@relientkitten)

    I guess it’s not tied to that plugin because I am now having that scroll issue with the main webpage, even after deactivating everything. There’s something going on and I am going to have to look at using a different theme until you all can fix it (which I hope you do as I prefer your theme and was considering going Pro.)

    Thread Starter relientkitten

    (@relientkitten)

    Hey folks,

    I saw that an update went up for Agama, and I had hoped that a fix would come with it. Sadly, it did not. πŸ™

    Something I did notice is that when my front page received another blog post, thus becoming longer, the issue went away. So something that struck me is that, perhaps, it is due to the resizing of the header when the page is of a certain length? Maybe it’s getting confused during a certain range of “page height minus header at full” and “page height minus header at small”. Just a guess.

    Is it possible for me to enter some CSS to not have the header resize at all? That might at least get me through this so I can have a functional site for now. The resize is a cute feature, but is not necessary. And it’s at least worth a shot. I would prefer it stay at the larger, top-of-the-page size, for the CSS.

    Thanks! Cheers!

    Theme Author themevision

    (@themevision)

    Hello,@relientkitten!

    Try to insert the following CSS code into Customizing->General ->Additional CSS:

    div#main {
        min-height: 1000px!important;
    }

    Please let me know if that helped you.
    Thanks
    Regards

    Thread Starter relientkitten

    (@relientkitten)

    No, it didn’t work.

    If I add 8 empty newlines on the “Twitch” page, it still bounces. But if I add 16 it’s fine. So there’s still definitely a “somewhere in this range, there’s a problem” sort of deal going on.

    On the Twitch page, I got it bouncing with exactly 5 empty new lines and got it to stop bouncing again with exactly 11 empty new lines, in a full-screen on Firefox at 1440p. I made the window smaller with 10 empty new lines, shorter, and checked the page again: no bouncing. So until it hits X length, it’s fine. And after it hits Y length, it’s fine. But between X and Y length, it sucks, and that X and Y is different depending on the size of the window, so it has something to do with the window sizing–which is likely why my issues at 1440p were not viewable to folks on smaller resolution (and why I didn’t see it on my partner’s 1080p when I was checking the site before.)

    Have fun? πŸ™‚

    Cheers!

    Theme Author themevision

    (@themevision)

    Hi, @ relientkitten!

    This happens because your page is too short.

    The code above sets the minimum height for your page in order for your site to function properly.

    Basically, the easiest way to solve the problem is to add more content to a page (or space) to increase the height of the page.

    You can also try the following code instead of the code that I gave you above:

    #main {
    min-height: 100vh;
    } 

    If necessary, change the min-height value to suit your needs.

    Regards

Viewing 15 replies - 1 through 15 (of 21 total)

The topic ‘Website scroll issue’ is closed to new replies.