Jump to content


Photo

Link Não Levar Pro Topo Da Página


  • Faça o login para participar
5 replies to this topic

#1 ilustrevitor

ilustrevitor

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Masculino
  • Localidade:Itajaí

Posted 18/03/2010, 14:42

Gente eu tenho um link no site que faz aparecer uma div com display none. Só que o link fica abaixo da area visível do site, ou seja, você tem que descer a barra de rolagem para ver o link e a div que vai aparecer quando eu clico nele. Eu ainda coloquei um animação com JQuery, que ficou legal xD

Até ai eu fiz tudo ok, mas tem um problema chato: eu clico no link e ele leva a barra de rolagem pra posição inicial, pro topo da página. tem como isso não acontecer?

#2 Kahor

Kahor

    12 Horas

  • Usuários
  • 230 posts
  • Sexo:Masculino

Posted 18/03/2010, 19:40

Por favor poste os códigos para ajudarmos.




Mas concerteza o seu seu link deve estar assim <a href="#" ... Se sim, ele vai sobe automaticamente até o topo



#3 ilustrevitor

ilustrevitor

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Masculino
  • Localidade:Itajaí

Posted 19/03/2010, 10:56

uhmm é verdade eu retirei e ele parou de subir até o topo. Tem como substituir? Eu retirei, mas retirando, o cursor do mouse não vira aquela mãozinha apontando indicando um botão.

códigos:

jQuery
$("a.infantil").click(function(){
	  $("div.infantil").slideToggle("slow");
	  });
$("a.teen").click(function(){
	  $("div.teen").slideToggle("slow");
	  });
html
 <ul class="listContent">
    <li><a href="#" class="infantil"><strong>PACOTES INFANTIS:</strong></a>
      <div class="infantil">
        <p>nonono</p>
      </div>
    </li>
    <li><a href="#" class="teen"><strong>PACOTES TEEN:</strong></a>
      <div class="teen">
        <p>nonono</p>
      </div>
    </li>
  </ul>

Edição feita por: ilustrevitor, 19/03/2010, 11:02.


#4 ilustrevitor

ilustrevitor

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Masculino
  • Localidade:Itajaí

Posted 25/03/2010, 10:05

solução:

<a href="javascript: void(0)"

xD

#5 Kahor

Kahor

    12 Horas

  • Usuários
  • 230 posts
  • Sexo:Masculino

Posted 25/03/2010, 11:16

Essa eu nao sabia, por isso nao respondi!

Valeu ai :)

#6 Vielmond

Vielmond

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Feminino
  • Localidade:RJ

Posted 26/03/2010, 13:07

Só um comentário:

Você pode também manter o "#" ou o que desejar como href, pois existe isto:

$("a").click(function(event){
	event.preventDefault();
});

Assim, eu impeço o comportamento padrão do link, que seria abrir o href.

Há diversos usos para isso, como por exemplo: Quando se cria uma lightbox, pode-se passar a url da imagem grande direto no href, e prevenir o default que seria abrir essa imagem em uma página. Faço uma bela animação para mostrar a <div>, pego como variável essa url e faço o que quiser, no caso, inserir dentro desta nova <div> que será a lightbox.
Camila Vielmond
vielmond.deviantart.com | Portfólio em breve

Posted Image Hmmm, postei algo útil? Então retribua: Me recomende!




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq