Problem with short pages
-
Hello and thank you for all the hard work putting this together. It really is a time saver over coding it by hand. I’ve only run into one issue that is a consistent problem which is when a page is vertically short enough to just barely need to scroll it will jump back to the top and it’s impossible to scroll down. This happens on Firefox and Chrome and obviously depends on the browser window size. My window size is 1815×990 in case you are having difficulty reproducing the issue on your end. Here is a gif showing the problem in action.
https://linuxdiscovery.com/hosted/Sticky%20Header%20Problem.gif
I have checked for negative margins and other suggestions found here. I’ve looked at the dev tools console for messages, etc. I can’t see anything obvious so I’m not sure what is going on. I have also seen this with many sites over the past year so it’s not just something peculiar with this site. It’s usually not an issue because most pages ultimately are vertically tall enough that this can’t happen.
In any case, thanks for taking a look if you can. Looking forward to the pro version.
The page I need help with: [log in to see the link]
-
Hey, really sorry for the delay. I’ve an insane week!!
I’ve looked at the page you posted and I can actually scroll drown just a little and I can see that the main page section “jumps” under the header section when you hit your scroll distance.
See how this page doesn’t jump
In this case I would try to enable “transparent header” on my plugin. If that doesn’t help then I would try adding negative top margin to the main page section. That negative marigin amout should be the min-height setting, not shrink height, of the header section. You might have to add some top padding to the main page section to bring it down a little.
So, for example, header min-height: 100px, so set main section top margin: -100px
Let me know if this helps you
The topic ‘Problem with short pages’ is closed to new replies.
