I have a “sidecontent” area on a site. It’s position:fixed on the lefthand side.
There is a “scrolled-up” header with a height of 150px, and a “scrolled down” header with a height of 80px.
This issue is that between the two headers, a gap is created between the bottom of the header and the top of the sidecontent.
Is there a good way to fix this?
The best I can come up with is to set a variable of the current scroll position and base the sidecontents position on that, maybe? I’m a JS plebian, so forgive my ignorance.