htmlangularjs

My Anchor link won't start at top of page

I am unsure what is going. I have two footers. One footer is a sidebar, and my other footer is a regular footer on the bottom of the page. My anchor tag in my bottom footer, that links to my about page, takes me to the bottom of the page instead of starting at the top, and my anchor tag in my sidebar footer takes me to the middle of the page! Other Anchor Links are taking me also to the middle or random parts of the pages when loaded.

I am not using anything special with the anchor. I don't think...

Here is my anchor for both footers: 

<a href="/about" class="a-color">
    <small>About</small>
</a>

My pages are loaded with ng-view. I am not using $anchorScroll

Solution

  • Use this code. It will always take page to top on window load.

    if (window.location.hash) {
    setTimeout(function() {
        window.scrollTo(0, 0);
    }, 1);
}