Tengo una animación de desplazamiento para las nubes, pero la animación debería invertirse. La forma en que funciona ahora es que desaparece cuando está completamente desplazado hacia arriba, pero debe ser al revés. www.wytsepunter.com (también es muy lento en el teléfono, ¿algún consejo para hacerlo más fluido?)
Aquí está el código:
let bg = document.getElementById('bg'); let moon = document.getElementById('moon'); let rock = document.getElementById('rock'); let clouds = document.getElementById('clouds'); let text = document.getElementById('text'); window.addEventListener('scroll', function (){ var value = window.scrollY; bg.style.top = value + 0.5 + 'px'; moon.style.left = value * 0.5 + 'px'; clouds.style.top = value * 0.5 + 'px'; clouds.style.opacity = value * 0.5 + '%'; text.style.top = value * 1 + 'px';