登录 | 注册 | FAQ
Anonymous

Div clicável - parallax

+ 发表回复

1 篇帖子 分页: 1 / 1


Div clicável - parallax

kikoGarcia » 周二 10月 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>
头像

kikoGarcia

  • 帖子: 1
  • 注册: 周二 10月 11, 2016 11:24 am


+ 发表回复

分页: 1 / 1