Efeito parallax funciona no modelo mas não quando aplicado ao site
Pessoal, bom dia!
Tenho o código abaixo que faz um efeito de parallax e está funcionando normalmente
CSS
#top {
background: url("img/1.jpg");
height: 300px;
}
#mid {
background: url("img/2.jpg");
height: 400px;
}
#bot {
background: url("img/3.jpg");
height: 500px;
}
**HTML**
<script type="text/javascript" src="jquery.js"></script>
<body>
<div id="top" class="prlx"></div>
<div id="mid" class="prlx"></div>
<div id="bot" class="prlx"></div>
</body>
**JQUERY**
$('.prlx').each(function() {
var obj = $(this);
obj.css('background-position', 0);
obj.css('background-attachment', 'fixed');
$(window).scroll(function() {
var offset = obj.offset();
var yPos = -($(window).scrollTop() - offset.top) / 10;
var bgpos = '50% ' + yPos + 'px';
obj.css('background-position', bgpos);
});
});
Fui aplicar no meu site
[https://acweb.net.br/](https://acweb.net.br/)
e o efeito **parallax** não funcionou embora no **inspector** dá para ver os **cálculos** sendo feitos e adicionado às **sections**
Alguém me ajuda a descobrir onde errei?
Já estou faz um tempão e não acho!
As **sections** afetadas são as que começam com os textos
**Fazemos todo o trabalho por você** e **contato**,Discussão (1)
Carregando comentários...