Ir para conteúdo

POWERED BY:

Arquivado

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

Rhuan Lima

Como posso aprender mais sobre isso aqui:

Por , em Desenvolvimento frontend

Recommended Posts

Rhuan Lima    0

Rhuan Lima
Postado

Senhores, tenho visto recentemente sites seguindo essa dendencia e eu desconheço o termo técnico para isso e tenho vontade de criar algo assim, um site "fluido" e em uma so pagina como mostro nesse link

 

 

http://grupointerlaken.com.br/zeronyc/

 

 

Conhecer a "magica"? é so html5? alguma dica de por onde começar a criar algo assim onde o fundo corre com velocidade diferente das caixas e diferente dos textos??

 

 

Espero ter sido claro na duvida!

 

 

Obriagdo!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Xavier    189

Marcos Xavier
Postado

Postei no lugar errado. Estava com 2 posts abertos rss :innocent:

Up.

Com o código abaixo você consegue fazer algo parecido. Utilizei CSS bem simples e html somente. Acho que estudando esse modelo da pra começar a entender a coisa.

 

 

<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title></title>
<style>
#fixo{position: fixed;}
.igual{width: 600px;height: 400px}
#div1{background-color: red}
#div2{background-color: blue}
#div3{background-color: green}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<ul id="fixo">
<li><a href="#div1">Ir par div1</a></li>        
<li><a href="#div2">Ir par div2</a></li>        
<li><a href="#div3">Ir par div3</a></li>        
</ul>

<div id="div1" class="igual"></div>
<div id="div2" class="igual"></div>
<div id="div3" class="igual"></div>
</body>
</html>

Tem um tuto legal aqui http://designshack.net/articles/javascript/single-page-sliding-website-layout-fixed-nav/ e lá tem uma live demo do tutorial

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito