Is there a way (with CSS3, JS, or anything in between) to get a page to start at a certain point scrolled down?
I’d like for my page to load without the header initially displaying on load (meaning it’s above the actual viewport of the user).
Is there a simple/easy way to go about this?
You can use standard javascript:
window.scroll(x, y).This should work pretty well considering that you’ll be doing this at
onload, i.e. the window should begin at (0, 0). Play around with(x, y)until you get your header to the position that you’re happy with. Naturally you’ll need to change it anytime the header moves.Example: