0
I’d like to know how I get the anchor under the menu when it’s clicked.
My menu is fixed with jquery when it drops some pixels. For example look at this image, when I click on the anchor the menu is below it:
I wish it was like this when you click on the anchor:
Here is the website uploaded on the server for testing, if you want to see www.asbesc.org.br, just go to who we are and click on our organization, below follows the codes.
I don’t think this anchorage is going to be helpful, but just in case.
<a name="nossa-organizacao"></a>
<h4>Nossa organização</h4>
<p>Trabalhamos com as comunidades de regiões mais carentes e vulneráveis, independentemente da sua origem étnica, língua, religião ou geografia.</p>
<p>Acreditamos, acima de tudo, num mundo sem pobreza e injustiça onde o desenvolvimento humano seja equitativo e sustentável à escala local e global.</p>
<p>Desde a Emergência ao Desenvolvimento, passando pela Educação, Mobilização
Social e Influência Pública, o trabalho da ASBESC estende-se atualmente para a cidade de São Paulo. Desde a fundação há 12 anos, a ASBESC já trabalhou em vários bairros da periferia da cidade de São Paulo.</p>
<p>Somos cidadãos solidários, com uma consciência clara do papel da cidadania para a promoção da equidade na erradicação do analfabetismo e da pobreza extrema e na redução das assimetrias econômicas e do conhecimento que caracterizam a realidade mundial.</p>
<p>A nossa atividade encontra-se estruturada nas áreas da educação, desenvolvimento/vida sustentável. Através da nossa ação, com os diferentes atores sociais (Comunidades, Governos e Sociedade Civil local, Setor Privado, Academia), partilhamos esforços e responsabilidades e facilitamos soluções para garantir que todas as pessoas usufruam do direito a uma vida digna.</p>
JS:
/* Menu fixo ao rolar a página */
$(window).bind('scroll', function() {
if ($(this).scrollTop() > 100) { /* quando a página descer 100 pixels */
$('nav#menu').css({ /* a sua div */
position: 'fixed',
top: '43px' /* vai ficar fixa a 73 pixels do topo */
});
} else {
$('nav#menu').css({
position: 'relative',
top: '0px'
});
}
});
top: '43px'
has tried to change this value to0px
? If yes and the menu is gone, just try decreasing to20px
– João Victor Gomes Moreira
Yes I tried, but the menu is on top of the anchor
– viniciussvl
Just up the anchor ;)
– João Victor Gomes Moreira
What do you mean climb the anchor?
– viniciussvl
For example:
<a href="">d</a><a href="">e</a><a href="">f</a><a href="">g</a><div id="ancora"></div>
-> in the example I used the anchor in the ID DIV, then to climb the anchor just pass the div up getting like this -><div id="ancora"></div><a href="">d</a><a href="">e</a><a href="">f</a><a href="">g</a>
– João Victor Gomes Moreira