Connexion | Inscription | FAQ
Anonymous

Div clicável - parallax

+ Publier une réponse

1 message Page 1 sur 1


Div clicável - parallax

par kikoGarcia » Mar Oct 11, 2016 11:33 am

Oi pessoal, estou montando um site e surgiu uma dúvida. Já procurei bastante por aí e tudo que encontro não tem funcionado. Devo mencionar que meus conhecimentos são limitados, de quem fuça e aprende 'na raça'.

O site será apenas uma página em parallax. Há 6 backgrounds naquele esquema em divs. Só preciso deixá-los clicáveis. Sei que background não é interativo, e li que tem como tornar a div clicável usando displays blocks. Abaixo o que consegui até o momento (exemplo um layer só para não ficar muito extenso). Por favor alguém teria uma dica?


CSS (que está dentro do próprio index.html)

#layer_1 {
background: url(imgs/kikomics1.gif) no-repeat 0px 0px;
}



HTML

<script>

function parallax(){
// Declarando as var.
var layer_1 = document.getElementById('layer_1');

// Aplicando a posição
layer_1.style.top = -(window.pageYOffset / 6) + 'px';

}
window.addEventListener("scroll", parallax, false);

</script>

</head>
<body>

<section>

<div id="layer_1" class="img-parallax"></div>

</section>
Avatar de l’utilisateur

kikoGarcia

  • Messages: 1
  • Inscrit le: Mar Oct 11, 2016 11:24 am


+ Publier une réponse

Page 1 sur 1