تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

Div clicável - parallax

+ إضافة رد

مشاركة واحده صفحة 1 من 1


Div clicável - parallax

بواسطة kikoGarcia » الثلاثاء أكتوبر 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
  • اشترك في: الثلاثاء أكتوبر 11, 2016 11:24 am


+ إضافة رد

صفحة 1 من 1