How do I make anchor appear under the menu?

Asked

Viewed 408 times

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: inserir a descrição da imagem aqui

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 to 0px? If yes and the menu is gone, just try decreasing to 20px

  • Yes I tried, but the menu is on top of the anchor

  • Just up the anchor ;)

  • What do you mean climb the anchor?

  • 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>

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.