How to make the page load to an anchor tag?

Question

how could I, or is it possible, to make it so when the webpage loads, the first thing it shows you is the part of the page, where the anchor tag is you want the person to fi

Answer 1

Here's a 2018 update that's a bit more dynamic.

If you'd like to pull the URL, pull the anchor from the URL, and move the page to that anchor, you can run this javascript on page load.

if (window.location.href.indexOf('#') == 0) {
    let hash = window.location.href.split('#')[1];
    let hashTop = document.querySelector(`#${hash}`).offsetTop;
    window.scrollTop = hashTop;
}

There's also this way which is a bit more concise.

if (location.hash) {
    let target = location.hash;
    window.scrollTop = document.querySelector(target).offsetTop;
}

If you're not compiling ES6 with babel, just change the let keyword to var. This also works for WordPress, which will add a slash in the URL before the anchor.