How do I make anchor appear under the menu?

0

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'
                });

            }
        });
    
asked by anonymous 12.05.2016 / 19:39

0 answers