I would like to know how I can make the anchor stay under the menu when it is clicked. My menu is fixed with jquery when it descends a few pixels. For example look at this image, when I click on the anchor the menu is below it:
I'dlikeittolooklikethiswhenyouclickontheanchor:
Hereisthesiteupadointheserverfortests,ifyouwanttoseewww.asbesc.org.br,justgotowhoweareandclickonourorganization,belowthecodes.
Idonotthinkitwillbeusefulfortheanchor,butjustforprecaution.
<aname="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'
});
}
});