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?
Link Não Levar Pro Topo Da Página
Started By ilustrevitor, 18/03/2010, 14:42
5 replies to this topic
#1
Posted 18/03/2010, 14:42
#2
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
Mas concerteza o seu seu link deve estar assim <a href="#" ... Se sim, ele vai sobe automaticamente até o topo
#3
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
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.
#5
Posted 25/03/2010, 11:16
Essa eu nao sabia, por isso nao respondi!
Valeu ai
Valeu ai
#6
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:
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.
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
Hmmm, postei algo útil? Então retribua: Me recomende!
vielmond.deviantart.com | Portfólio em breve
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)