I'm working on a scrollable one-page website, in which each div represents a different section. For example, url is dynaone.com/index.php, and when I click on the menu's different buttons, it changes to /index.php#s1, #s2, #s3, and so on. In section nº 2 I added another menu that works with php GET, in a way that when you click on one of the buttons, it redirects you to index.php?id=1 and so on. Of course when I first tried it, it scrolled me back to the top of the page, 'home', as I wasn't specifying the section. But when I did, assigning "index.php?id=1#s2" to the first element in the inner menu, it redirected me to section 1. It doesn't matter which number I write after "#s", it will keep putting section nº 1 on top of the page.
I'm using SMINT's demo as a base, adjusting it to my website's needs, but I couldn't find anything related to GET method issues on the plugin's page.
I would really appreciate some help with this, as it's very annoying having to go back everytime I click to correctly view section nº 2.
This is part of my inner menu:
<div id="botonera_productos"><ul>
<li><a href="index.php?id=1#s2"> Quemadores</a> </li>
<li><a href="index.php?id=2#s2"> BCAAs</a></li> </ul> </div>
This is my php section:
if(@$_GET['id']==1) {
?>
<figure><img src="imagenes/quemadores/1.jpg"><figcaption> ULTIMATE L-CARNITINA 500 60 TABS - <b>$330</b> </figcaption></figure>
<?php } ?>
And this is the site's main menu:
<nav class="subMenu" >
<div class="inner">
<a href="#sTop" class="subNavBtn">Home</a>
<a href="#s1" class="subNavBtn">Nosotros</a>
<a href="#s2" class="subNavBtn">Productos</a>
<a href="#s3" class="subNavBtn">Local</a>
<a href="#s4" class="subNavBtn">Envíos</a>
<a href="#s5" class="subNavBtn">Consultas</a>
<a href="https://www.facebook.com/dynaone" class="subNavBtn extLink end" target="_blank">Facebook</a>
</div>
</nav>
Thank you.