Ir para conteúdo

POWERED BY:

Arquivado

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

alexjose123

[Resolvido] Botão fixo na tela enquanto desliza a pagina....

Recommended Posts

Senhores solicito ajuda descobrir o nome

dos botões ou barras fixas na tela enquanto

a pagina desliza. E como funciona a codificação deles.

 

Alguém pode ajudar ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seria algo desse tipo?

http://horusenergia.com.br/dicionario.html

 

 

Para deixar ele fixo é simples:

#voltar_topo{position: fixed; float: left; margin-left: 190px; margin-top: 5px; z-index: 0;}

 

Mas claro que no nosso amigo IE a coisa é um pouco diferente

se você visualizar o código fonte tem um comentário condicional para o IE6

<!--[if IE 6]>
<link href="scripts/dicionarioie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

 

Que contem:

* html #voltar_topo {
   position: absolute;
   top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+370+"px" : body.scrollTop+370+"px");
}

Isso ai você vai ter que ir ajustando :P

 

 

Esse ta com um pouco de "firula" para correr bonitinho e tal.

Se interessar também é fácil, só precisa do jquery e um adicional. hehehe

Chama os scripts e passa os parametros:

<script src="[url="view-source:http://horusenergia.com.br/scripts/jquery-1.4.2.min.js"]scripts/jquery-1.4.2.min.js[/url]" type="text/javascript"></script>
<script src="[url="view-source:http://horusenergia.com.br/scripts/jquery.smoothscroll.js"]scripts/jquery.smoothscroll.js[/url]" type="text/javascript"></script>
<script type="text/javascript">
$(function(){			
	$("a[href^=#]").smoothScroll(500,10,20,20)
})
</script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado! Era isso que eu estava procurando...

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.