Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Worn

Menu sem mudança de página

Recommended Posts

Olá estou desenvolvendo um site de uma página ou seja todo conteúdo dela vai ta apenas na index, porém vai ter um menu que quando você vai abaixando a página ele vai acompanhando, minha dúvida é queria saber como faço pra quando eu clicar em um link do menu ele for para uma DIV ou Section quero exemplo dos dois tipo:

 

Menu.php

 

Home

Sobre

Contato

 

quando clicar em sobre ela ir para a section aonde tem o conteúdo sobre, e caso eu for descendo a página o menu ir acompanhando os links exemplo

 

to na home e ela ta de cor azul por que to nela, caso vou para a div sobre sem precisar clicar no link ela fica em azul também;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para clicar e ir até uma section, utilize âncoras

Para "fixar" o menu use: position: fixed

E para o menu ir "mudando" conforme vc abaixa a rolagem, vc vai precisar de javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá!!

Não entendi muito bem, mas acho que você quis dizer que quer um menu que fique fixo no site e não se mova, que ao clicar nele ele te leve até onde está o conteúdo. É isso?

Se for, você pode usar position:fixed; o que deixará o menu estático e pode posiciona-lo usando top, left, right e bottom.

Para que o usuário seja lavado até onde está o conteúdo faça o seguinte:

1- envolva cada conteúdo do site em uma div com id único. EX:

<div id="conteudo">

Este conteúdo será apresentado pelo site

</div>

<div id="noticias">

Principais noticias do site

</div>

2- No menu vc precisará usar uma ancora e colocar no href o id do conteúdo. Assim:

<li><a href="#conteudo">Conteúdo</a></li>

<li><a href="#noticias">Noticias</a></li>

Dessa forma, quando o usuário clicar no link que está menu ele será levado a ver o conteúdo que está naquela div.

Qualquer coisa estamos aí. FLW.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Buenas tchê.

 

Dá uma olhada aqui (http://codepen.io/marlonlp/pen/AEmpg) acho que é mais ou menos isso que tu precisa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.