let elems_Parallax = document.querySelectorAll('.parallax');
window.addEventListener('scroll', function(){
let windowScroll = window.innerHeight + window.pageYOffset;
elems_Parallax.forEach((element) => {
if(element.offsetTop < windowScroll){
element.style.backgroundPosition = '0 -'+((windowScroll - element.offsetTop) * 1.2)+'px';
}
});
});
<main>
<div><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse reprehenderit earum consequuntur fugiat aspernatur placeat, vel voluptate suscipit nulla rerum voluptatibus voluptas, quis culpa, veritatis hic doloremque officia dicta in iure laborum quo! Excepturi, facere id. Laboriosam exercitationem, vel nostrum eligendi libero pariatur rerum eaque ipsa obcaecati deleniti tempora totam vitae maxime at consequuntur asperiores distinctio saepe, optio repellat itaque iste, quisquam in quod. Ratione consequatur quisquam nobis iure error maiores dolores at similique debitis quasi, explicabo placeat libero quam, expedita, velit a unde rerum. Repudiandae corrupti quae quidem! Odit modi accusantium nemo quidem adipisci nihil vel similique cumque fugiat? Quas autem a ducimus eaque, neque officiis, consequuntur temporibus quibusdam dolores ea eius, labore beatae eum. Iusto, soluta, quam. Illo a velit sequi corrupti quis enim sapiente deserunt suscipit omnis, libero impedit fuga dolorem odit unde, facere earum eveniet. Veniam perspiciatis non dolorem. Quaerat, similique, dolor.</div></div>
<div class="parallax"><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse reprehenderit earum consequuntur fugiat aspernatur placeat, vel voluptate suscipit nulla rerum voluptatibus voluptas, quis culpa, veritatis hic doloremque officia dicta in iure laborum quo! Excepturi, facere id. Laboriosam exercitationem, vel nostrum eligendi libero pariatur rerum eaque ipsa obcaecati deleniti tempora totam vitae maxime at consequuntur asperiores distinctio saepe, optio repellat itaque iste, quisquam in quod. Ratione consequatur quisquam nobis iure error maiores dolores at similique debitis quasi, explicabo placeat libero quam, expedita, velit a unde rerum. Repudiandae corrupti quae quidem! Odit modi accusantium nemo quidem adipisci nihil vel similique cumque fugiat? Quas autem a ducimus eaque, neque officiis, consequuntur temporibus quibusdam dolores ea eius, labore beatae eum. Iusto, soluta, quam. Illo a velit sequi corrupti quis enim sapiente deserunt suscipit omnis, libero impedit fuga dolorem odit unde, facere earum eveniet. Veniam perspiciatis non dolorem. Quaerat, similique, dolor.</div></div>
<div><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse reprehenderit earum consequuntur fugiat aspernatur placeat, vel voluptate suscipit nulla rerum voluptatibus voluptas, quis culpa, veritatis hic doloremque officia dicta in iure laborum quo! Excepturi, facere id. Laboriosam exercitationem, vel nostrum eligendi libero pariatur rerum eaque ipsa obcaecati deleniti tempora totam vitae maxime at consequuntur asperiores distinctio saepe, optio repellat itaque iste, quisquam in quod. Ratione consequatur quisquam nobis iure error maiores dolores at similique debitis quasi, explicabo placeat libero quam, expedita, velit a unde rerum. Repudiandae corrupti quae quidem! Odit modi accusantium nemo quidem adipisci nihil vel similique cumque fugiat? Quas autem a ducimus eaque, neque officiis, consequuntur temporibus quibusdam dolores ea eius, labore beatae eum. Iusto, soluta, quam. Illo a velit sequi corrupti quis enim sapiente deserunt suscipit omnis, libero impedit fuga dolorem odit unde, facere earum eveniet. Veniam perspiciatis non dolorem. Quaerat, similique, dolor.</div></div>
<div class="parallax"><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse reprehenderit earum consequuntur fugiat aspernatur placeat, vel voluptate suscipit nulla rerum voluptatibus voluptas, quis culpa, veritatis hic doloremque officia dicta in iure laborum quo! Excepturi, facere id. Laboriosam exercitationem, vel nostrum eligendi libero pariatur rerum eaque ipsa obcaecati deleniti tempora totam vitae maxime at consequuntur asperiores distinctio saepe, optio repellat itaque iste, quisquam in quod. Ratione consequatur quisquam nobis iure error maiores dolores at similique debitis quasi, explicabo placeat libero quam, expedita, velit a unde rerum. Repudiandae corrupti quae quidem! Odit modi accusantium nemo quidem adipisci nihil vel similique cumque fugiat? Quas autem a ducimus eaque, neque officiis, consequuntur temporibus quibusdam dolores ea eius, labore beatae eum. Iusto, soluta, quam. Illo a velit sequi corrupti quis enim sapiente deserunt suscipit omnis, libero impedit fuga dolorem odit unde, facere earum eveniet. Veniam perspiciatis non dolorem. Quaerat, similique, dolor.</div></div>
<div><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse reprehenderit earum consequuntur fugiat aspernatur placeat, vel voluptate suscipit nulla rerum voluptatibus voluptas, quis culpa, veritatis hic doloremque officia dicta in iure laborum quo! Excepturi, facere id. Laboriosam exercitationem, vel nostrum eligendi libero pariatur rerum eaque ipsa obcaecati deleniti tempora totam vitae maxime at consequuntur asperiores distinctio saepe, optio repellat itaque iste, quisquam in quod. Ratione consequatur quisquam nobis iure error maiores dolores at similique debitis quasi, explicabo placeat libero quam, expedita, velit a unde rerum. Repudiandae corrupti quae quidem! Odit modi accusantium nemo quidem adipisci nihil vel similique cumque fugiat? Quas autem a ducimus eaque, neque officiis, consequuntur temporibus quibusdam dolores ea eius, labore beatae eum. Iusto, soluta, quam. Illo a velit sequi corrupti quis enim sapiente deserunt suscipit omnis, libero impedit fuga dolorem odit unde, facere earum eveniet. Veniam perspiciatis non dolorem. Quaerat, similique, dolor.</div></div>
</main>
@charset "UTF-8"
main
>div
padding: 40px 20px
font: 15px/1.3 arial,verdana,tahoma
color: #444
&.parallax
background: #f3f url(https://image.freepik.com/foto-gratis/patron-frutas-hojas-menta_23-2148145052.jpg)
background-size: cover
>div
max-width: 90%
margin: 0 auto