Anchor link to different page not working (jumping back to top on load)
Hello there! Been a while since I last came here, and as always I bring you a fine conundrum today:
Pretty simple:
Buttons on index.html links to specific parts of a different page through anchor id's. Problem is that while it is loading the new page, it always goes to the top of it rather than the point where I want it to go.
For some reason every time I do a fresh reload of the page, it does go to the anchor on load but only for a second before jumping back to the top of the page. Like something is forcing the default position of the page.
http://grupo-wm.com/
- <div class="col-md-3 images_1_of_4 text-center">
- <span class="bg2"><i class="fa fa-cog"></i></span>
- <h5><a href="#">TURIAGRO</a></h5>
- <p class="para">A Turiagro nasce da paixão do Empresário Angolano Rogério Martins Leonardo pelas questões agrícolas à cerca de 3 anos. É uma das empresas mais recentes do Grupo WM, mas também é das mais dinâmicas.</p>
- <div class="col_space2"></div>
- <a href="empresas.html#turiagro" class="fa-btn btn-1 btn-1e">+ INFO</a>
- </div>
- (...)
http://grupo-wm.com/empresas.html
- <div class="main row">
- <div class="col-md-6 content_left">
- <img src="web/images/pic-turiagro.png" alt="" class="img-responsive"></div>
- <div class="col-md-6 content_right">
- <div id="turiagro"></div>
- <h2>TURIAGRO</h2>
- <p class="para">A Turiagro nasce da paixão do Empresário Angolano Rogério Martins Leonardo pelas questões agrícolas à cerca de 3 anos. É uma das empresas mais recentes do
- (...)
I've looked far and wide for a fix and I have found posts with the same problem, but all attempts at fixing it through different methods haven't done anything at all.
For now at least, I am not actively using jQuery to make this link between pages as you can see, but I'm guessing that I can fix my problem with it. Or maybe it is just an html/css thing? Honestly I can't tell.
Thank you in advance!