<div class="content">
  <div class="heading">
    Scroll down
  </div>
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam corporis nobis omnis tempore. Quidem dolorum corrupti dolores nobis doloribus velit obcaecati et cumque libero hic? Dolore corrupti fugiat voluptatum assumenda consectetur aliquid molestias obcaecati. <br> <br> Delectus nihil esse et doloremque adipisci magni beatae quas molestiae at consectetur. Dolorem repellendus quos ipsum placeat. Deleniti hic est cumque, facere consequuntur perspiciatis laboriosam ullam accusamus? Temporibus eos expedita voluptas, delectus perferendis quo quisquam ea magnam nulla error sed placeat repellendus architecto aliquid sint laudantium corporis maxime velit, deleniti doloribus aliquam molestiae commodi non! Nostrum sapiente voluptatem maiores corporis officiis, consequuntur ea error delectus quae inventore dolor aliquid iure. Deleniti, quibusdam. Dolore magnam officiis facilis, nulla totam id deserunt cupiditate quos, sed aut, quas rerum. Possimus doloribus illum iusto voluptatem, cupiditate non quos est. Ratione quae sed, odio autem eligendi odit quasi eveniet dolores et minima ipsam ex nisi nobis sunt iure ipsum dolorum placeat minus quis ad? Impedit, perspiciatis dolore ad quo officiis aliquam sit voluptatem ipsam neque rerum vel porro culpa ducimus numquam molestiae necessitatibus qui error repellendus ipsa aperiam eligendi veniam odio consectetur iste? Aut sit beatae asperiores blanditiis velit deleniti doloremque commodi a consequuntur, atque perferendis est molestias? Temporibus magnam odit maiores eos exercitationem, ipsam sint voluptatem explicabo quam ullam eligendi repellat, molestiae praesentium aut vel deleniti ipsa excepturi magni pariatur modi eum consectetur nulla quidem inventore. Voluptates praesentium nulla culpa veritatis. Accusamus corrupti dolor ipsum doloremque sed nemo ratione alias nostrum, eos reiciendis dolores sit possimus necessitatibus! Soluta nulla reprehenderit id ratione, eius quas doloremque deleniti, magni et iste reiciendis nostrum ipsum est veniam rerum suscipit temporibus, similique voluptate? Accusamus autem a earum, omnis aut modi! Commodi praesentium perspiciatis hic ullam asperiores odit quo ab itaque voluptate totam quos, cupiditate facere explicabo esse ipsa qui eum, magnam, perferendis quisquam maxime. <br> <br> Est veritatis sed voluptate dolore nam ipsa veniam doloribus et autem dolorem ipsam recusandae aliquam odio reprehenderit eum, ipsum quam aperiam sequi? Veritatis error qui magni nihil quas voluptatibus fugit. Ullam quos, quasi culpa quia rerum, consequatur ipsam nobis repudiandae quas, vel et repellat deserunt nulla blanditiis tenetur iusto facilis neque veniam nisi sint odit cumque? Minima atque voluptatem officiis odit vitae. Voluptas necessitatibus minus quo deleniti? Beatae a quis eligendi voluptatibus dignissimos mollitia dolores aliquam voluptas necessitatibus. Rerum dolor aut illo provident vitae, doloribus sit consequatur necessitatibus quo architecto modi ullam amet ad dignissimos perferendis ab repellat at maiores quos, laudantium aspernatur! Rem eum earum quia incidunt odit repellendus similique mollitia dolores omnis in? Quis libero earum sint animi ducimus ipsam similique quibusdam modi tenetur adipisci vel harum sed, officia, saepe officiis explicabo ullam. Eos earum sed doloribus vel commodi veniam cumque perspiciatis delectus adipisci illo dolorum omnis quas dolores, sint porro ea quod ullam nesciunt nulla vitae! Saepe atque incidunt ut! Dicta vel, quia inventore rem facere aliquid itaque voluptates obcaecati delectus ea soluta, amet corporis hic sint harum voluptatibus ipsum, tempora culpa sit ducimus consectetur dolorum? Adipisci a ullam eos voluptas neque rerum fugit quo, hic, cumque vero quam explicabo iste corporis aut voluptatum quae doloremque quos dolor dolorum in iure quaerat! Dolor porro, dolore omnis magnam praesentium fuga optio, minus deleniti modi veniam mollitia facere quam! Cum in mollitia harum eligendi consequuntur exercitationem voluptatibus sunt, aspernatur reprehenderit, fugiat praesentium esse recusandae ab quos voluptate debitis. Rem, a provident voluptas iusto vero nemo, minima ratione error molestiae, iure cupiditate perferendis ab soluta quae fuga? Quidem quaerat ab dolores? Earum labore assumenda officia ab ipsa sequi aperiam aut vero velit, facilis in impedit accusamus voluptatem saepe odio minus nesciunt hic nemo doloremque harum blanditiis. Earum, nesciunt maxime dicta vero quos consequuntur eius eum, enim quibusdam, nulla dolores quod voluptates illum! Sunt tempore in rem aliquid totam neque provident sed amet quasi, at harum dolore? Saepe nemo, dignissimos beatae recusandae minus tempore est culpa debitis mollitia tempora ratione, explicabo provident iste! Officiis nostrum nulla inventore! Facilis praesentium odio repudiandae facere dolorum sapiente molestiae ex, qui aut modi possimus, odit laudantium minus porro et neque, veritatis sed id eum in? Nobis vitae exercitationem sunt quibusdam quis dignissimos laborum aperiam. Minima quos saepe magnam aliquam voluptates, cumque asperiores dolores natus numquam error nobis sapiente iste eius ullam voluptate reiciendis facere nihil laborum consequuntur sit fugit nesciunt voluptatem? Eius animi velit sit sed, ullam libero perspiciatis labore amet rerum saepe iste adipisci aut in ducimus, iure repellat dolor impedit ipsa qui ex quo sunt eum ipsam odio? Distinctio dolore a iusto hic doloribus accusamus est suscipit. Reprehenderit illum voluptates aspernatur veritatis ab delectus labore. <br> <br> Quis pariatur, ab, amet cumque distinctio fugiat aliquid dolorem voluptate doloribus laudantium modi itaque iure! Vero minima maxime illo, distinctio reiciendis consequuntur odio. Amet ab at minima reiciendis iure debitis perferendis sed placeat quam nihil laboriosam mollitia dolore non blanditiis ipsa pariatur accusamus, ullam, sapiente provident officiis consectetur! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam corporis nobis omnis tempore. Quidem dolorum corrupti dolores nobis doloribus velit obcaecati et cumque libero hic? Dolore corrupti fugiat voluptatum assumenda consectetur aliquid molestias obcaecati. <br> <br> Delectus nihil esse et doloremque adipisci magni beatae quas molestiae at consectetur. Dolorem repellendus quos ipsum placeat. Deleniti hic est cumque, facere consequuntur perspiciatis laboriosam ullam accusamus? Temporibus eos expedita voluptas, delectus perferendis quo quisquam ea magnam nulla error sed placeat repellendus architecto aliquid sint laudantium corporis maxime velit, deleniti doloribus aliquam molestiae commodi non! Nostrum sapiente voluptatem maiores corporis officiis, consequuntur ea error delectus quae inventore dolor aliquid iure. Deleniti, quibusdam. Dolore magnam officiis facilis, nulla totam id deserunt cupiditate quos, sed aut, quas rerum. Possimus doloribus illum iusto voluptatem, cupiditate non quos est. Ratione quae sed, odio autem eligendi odit quasi eveniet dolores et minima ipsam ex nisi nobis sunt iure ipsum dolorum placeat minus quis ad? Impedit, perspiciatis dolore ad quo officiis aliquam sit voluptatem ipsam neque rerum vel porro culpa ducimus numquam molestiae necessitatibus qui error repellendus ipsa aperiam eligendi veniam odio consectetur iste? Aut sit beatae asperiores blanditiis velit deleniti doloremque commodi a consequuntur, atque perferendis est molestias? Temporibus magnam odit maiores eos exercitationem, ipsam sint voluptatem explicabo quam ullam eligendi repellat, molestiae praesentium aut vel deleniti ipsa excepturi magni pariatur modi eum consectetur nulla quidem inventore. Voluptates praesentium nulla culpa veritatis. Accusamus corrupti dolor ipsum doloremque sed nemo ratione alias nostrum, eos reiciendis dolores sit possimus necessitatibus! Soluta nulla reprehenderit id ratione, eius quas doloremque deleniti, magni et iste reiciendis nostrum ipsum est veniam rerum suscipit temporibus, similique voluptate? Accusamus autem a earum, omnis aut modi! Commodi praesentium perspiciatis hic ullam asperiores odit quo ab itaque voluptate totam quos, cupiditate facere explicabo esse ipsa qui eum, magnam, perferendis quisquam maxime. <br> <br> Est veritatis sed voluptate dolore nam ipsa veniam doloribus et autem dolorem ipsam recusandae aliquam odio reprehenderit eum, ipsum quam aperiam sequi? Veritatis error qui magni nihil quas voluptatibus fugit. Ullam quos, quasi culpa quia rerum, consequatur ipsam nobis repudiandae quas, vel et repellat deserunt nulla blanditiis tenetur iusto facilis neque veniam nisi sint odit cumque? Minima atque voluptatem officiis odit vitae. Voluptas necessitatibus minus quo deleniti? Beatae a quis eligendi voluptatibus dignissimos mollitia dolores aliquam voluptas necessitatibus. Rerum dolor aut illo provident vitae, doloribus sit consequatur necessitatibus quo architecto modi ullam amet ad dignissimos perferendis ab repellat at maiores quos, laudantium aspernatur! Rem eum earum quia incidunt odit repellendus similique mollitia dolores omnis in? Quis libero earum sint animi ducimus ipsam similique quibusdam modi tenetur adipisci vel harum sed, officia, saepe officiis explicabo ullam. Eos earum sed doloribus vel commodi veniam cumque perspiciatis delectus adipisci illo dolorum omnis quas dolores, sint porro ea quod ullam nesciunt nulla vitae! Saepe atque incidunt ut! Dicta vel, quia inventore rem facere aliquid itaque voluptates obcaecati delectus ea soluta, amet corporis hic sint harum voluptatibus ipsum, tempora culpa sit ducimus consectetur dolorum? Adipisci a ullam eos voluptas neque rerum fugit quo, hic, cumque vero quam explicabo iste corporis aut voluptatum quae doloremque quos dolor dolorum in iure quaerat! Dolor porro, dolore omnis magnam praesentium fuga optio, minus deleniti modi veniam mollitia facere quam! Cum in mollitia harum eligendi consequuntur exercitationem voluptatibus sunt, aspernatur reprehenderit, fugiat praesentium esse recusandae ab quos voluptate debitis. <br> <br> Rem, a provident voluptas iusto vero nemo, minima ratione error molestiae, iure cupiditate perferendis ab soluta quae fuga? Quidem quaerat ab dolores? Earum labore assumenda officia ab ipsa sequi aperiam aut vero velit, facilis in impedit accusamus voluptatem saepe odio minus nesciunt hic nemo doloremque harum blanditiis. Earum, nesciunt maxime dicta vero quos consequuntur eius eum, enim quibusdam, nulla dolores quod voluptates illum! Sunt tempore in rem aliquid totam neque provident sed amet quasi, at harum dolore? Saepe nemo, dignissimos beatae recusandae minus tempore est culpa debitis mollitia tempora ratione, explicabo provident iste! Officiis nostrum nulla inventore! Facilis praesentium odio repudiandae facere dolorum sapiente molestiae ex, qui aut modi possimus, odit laudantium minus porro et neque, veritatis sed id eum in? Nobis vitae exercitationem sunt quibusdam quis dignissimos laborum aperiam. Minima quos saepe magnam aliquam voluptates, cumque asperiores dolores natus numquam error nobis sapiente iste eius ullam voluptate reiciendis facere nihil laborum consequuntur sit fugit nesciunt voluptatem? Eius animi velit sit sed, ullam libero perspiciatis labore amet rerum saepe iste adipisci aut in ducimus, iure repellat dolor impedit ipsa qui ex quo sunt eum ipsam odio? Distinctio dolore a iusto hic doloribus accusamus est suscipit. Reprehenderit illum voluptates aspernatur veritatis ab delectus labore.
  <br> <br> Delectus nihil esse et doloremque adipisci magni beatae quas molestiae at consectetur. Dolorem repellendus quos ipsum placeat. Deleniti hic est cumque, facere consequuntur perspiciatis laboriosam ullam accusamus? Temporibus eos expedita voluptas, delectus perferendis quo quisquam ea magnam nulla error sed placeat repellendus architecto aliquid sint laudantium corporis maxime velit, deleniti doloribus aliquam molestiae commodi non! Nostrum sapiente voluptatem maiores corporis officiis, consequuntur ea error delectus quae inventore dolor aliquid iure. Deleniti, quibusdam. Dolore magnam officiis facilis, nulla totam id deserunt cupiditate quos, sed aut, quas rerum. Possimus doloribus illum iusto voluptatem, cupiditate non quos est. Ratione quae sed, odio autem eligendi odit quasi eveniet dolores et minima ipsam ex nisi nobis sunt iure ipsum dolorum placeat minus quis ad? Impedit, perspiciatis dolore ad quo officiis aliquam sit voluptatem ipsam neque rerum vel porro culpa ducimus numquam molestiae necessitatibus qui error repellendus ipsa aperiam eligendi veniam odio consectetur iste? Aut sit beatae asperiores blanditiis velit deleniti doloremque commodi a consequuntur, atque perferendis est molestias? Temporibus magnam odit maiores eos exercitationem, ipsam sint voluptatem explicabo quam ullam eligendi repellat, molestiae praesentium aut vel deleniti ipsa excepturi magni pariatur modi eum consectetur nulla quidem inventore. Voluptates praesentium nulla culpa veritatis. Accusamus corrupti dolor ipsum doloremque sed nemo ratione alias nostrum, eos reiciendis dolores sit possimus necessitatibus! Soluta nulla reprehenderit id ratione, eius quas doloremque deleniti, magni et iste reiciendis nostrum ipsum est veniam rerum suscipit temporibus, similique voluptate? Accusamus autem a earum, omnis aut modi! Commodi praesentium perspiciatis hic ullam asperiores odit quo ab itaque voluptate totam quos, cupiditate facere explicabo esse ipsa qui eum, magnam, perferendis quisquam maxime. <br> <br> Est veritatis sed voluptate dolore nam ipsa veniam doloribus et autem dolorem ipsam recusandae aliquam odio reprehenderit eum, ipsum quam aperiam sequi? Veritatis error qui magni nihil quas voluptatibus fugit. Ullam quos, quasi culpa quia rerum, consequatur ipsam nobis repudiandae quas, vel et repellat deserunt nulla blanditiis tenetur iusto facilis neque veniam nisi sint odit cumque? Minima atque voluptatem officiis odit vitae. Voluptas necessitatibus minus quo deleniti? Beatae a quis eligendi voluptatibus dignissimos mollitia dolores aliquam voluptas necessitatibus. Rerum dolor aut illo provident vitae, doloribus sit consequatur necessitatibus quo architecto modi ullam amet ad dignissimos perferendis ab repellat at maiores quos, laudantium aspernatur! Rem eum earum quia incidunt odit repellendus similique mollitia dolores omnis in? Quis libero earum sint animi ducimus ipsam similique quibusdam modi tenetur adipisci vel harum sed, officia, saepe officiis explicabo ullam. Eos earum sed doloribus vel commodi veniam cumque perspiciatis delectus adipisci illo dolorum omnis quas dolores, sint porro ea quod ullam nesciunt nulla vitae! Saepe atque incidunt ut! Dicta vel, quia inventore rem facere aliquid itaque voluptates obcaecati delectus ea soluta, amet corporis hic sint harum voluptatibus ipsum, tempora culpa sit ducimus consectetur dolorum? Adipisci a ullam eos voluptas neque rerum fugit quo, hic, cumque vero quam explicabo iste corporis aut voluptatum quae doloremque quos dolor dolorum in iure quaerat! Dolor porro, dolore omnis magnam praesentium fuga optio, minus deleniti modi veniam mollitia facere quam! Cum in mollitia harum eligendi consequuntur exercitationem voluptatibus sunt, aspernatur reprehenderit, fugiat praesentium esse recusandae ab quos voluptate debitis. Rem, a provident voluptas iusto vero nemo, minima ratione error molestiae, iure cupiditate perferendis ab soluta quae fuga? Quidem quaerat ab dolores? Earum labore assumenda officia ab ipsa sequi aperiam aut vero velit, facilis in impedit accusamus voluptatem saepe odio minus nesciunt hic nemo doloremque harum blanditiis. Earum, nesciunt maxime dicta vero quos consequuntur eius eum, enim quibusdam, nulla dolores quod voluptates illum! Sunt tempore in rem aliquid totam neque provident sed amet quasi, at harum dolore? Saepe nemo, dignissimos beatae recusandae minus tempore est culpa debitis mollitia tempora ratione, explicabo provident iste! Officiis nostrum nulla inventore! Facilis praesentium odio repudiandae facere dolorum sapiente molestiae ex, qui aut modi possimus, odit laudantium minus porro et neque, veritatis sed id eum in? Nobis vitae exercitationem sunt quibusdam quis dignissimos laborum aperiam. Minima quos saepe magnam aliquam voluptates, cumque asperiores dolores natus numquam error nobis sapiente iste eius ullam voluptate reiciendis facere nihil laborum consequuntur sit fugit nesciunt voluptatem? Eius animi velit sit sed, ullam libero perspiciatis labore amet rerum saepe iste adipisci aut in ducimus, iure repellat dolor impedit ipsa qui ex quo sunt eum ipsam odio? Distinctio dolore a iusto hic doloribus accusamus est suscipit. Reprehenderit illum voluptates aspernatur veritatis ab delectus labore. <br> <br> Quis pariatur, ab, amet cumque distinctio fugiat aliquid dolorem voluptate doloribus laudantium modi itaque iure! Vero minima maxime illo, distinctio reiciendis consequuntur odio. Amet ab at minima reiciendis iure debitis perferendis sed placeat quam nihil laboriosam mollitia dolore non blanditiis ipsa pariatur accusamus, ullam, sapiente provident officiis consectetur! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam corporis nobis omnis tempore. Quidem dolorum corrupti dolores nobis doloribus velit obcaecati et cumque libero hic? Dolore corrupti fugiat voluptatum assumenda consectetur aliquid molestias obcaecati. <br> <br> Delectus nihil esse et doloremque adipisci magni beatae quas molestiae at consectetur. Dolorem repellendus quos ipsum placeat. Deleniti hic est cumque, facere consequuntur perspiciatis laboriosam ullam accusamus? Temporibus eos expedita voluptas, delectus perferendis quo quisquam ea magnam nulla error sed placeat repellendus architecto aliquid sint laudantium corporis maxime velit, deleniti doloribus aliquam molestiae commodi non! Nostrum sapiente voluptatem maiores corporis officiis, consequuntur ea error delectus quae inventore dolor aliquid iure. Deleniti, quibusdam. Dolore magnam officiis facilis, nulla totam id deserunt cupiditate quos, sed aut, quas rerum. Possimus doloribus illum iusto voluptatem, cupiditate non quos est. Ratione quae sed, odio autem eligendi odit quasi eveniet dolores et minima ipsam ex nisi nobis sunt iure ipsum dolorum placeat minus quis ad? Impedit, perspiciatis dolore ad quo officiis aliquam sit voluptatem ipsam neque rerum vel porro culpa ducimus numquam molestiae necessitatibus qui error repellendus ipsa aperiam eligendi veniam odio consectetur iste? Aut sit beatae asperiores blanditiis velit deleniti doloremque commodi a consequuntur, atque perferendis est molestias? Temporibus magnam odit maiores eos exercitationem, ipsam sint voluptatem explicabo quam ullam eligendi repellat, molestiae praesentium aut vel deleniti ipsa excepturi magni pariatur modi eum consectetur nulla quidem inventore. Voluptates praesentium nulla culpa veritatis. Accusamus corrupti dolor ipsum doloremque sed nemo ratione alias nostrum, eos reiciendis dolores sit possimus necessitatibus! Soluta nulla reprehenderit id ratione, eius quas doloremque deleniti, magni et iste reiciendis nostrum ipsum est veniam rerum suscipit temporibus, similique voluptate? Accusamus autem a earum, omnis aut modi! Commodi praesentium perspiciatis hic ullam asperiores odit quo ab itaque voluptate totam quos, cupiditate facere explicabo esse ipsa qui eum, magnam, perferendis quisquam maxime. <br> <br> Est veritatis sed voluptate dolore nam ipsa veniam doloribus et autem dolorem ipsam recusandae aliquam odio reprehenderit eum, ipsum quam aperiam sequi? Veritatis error qui magni nihil quas voluptatibus fugit. Ullam quos, quasi culpa quia rerum, consequatur ipsam nobis repudiandae quas, vel et repellat deserunt nulla blanditiis tenetur iusto facilis neque veniam nisi sint odit cumque? Minima atque voluptatem officiis odit vitae. Voluptas necessitatibus minus quo deleniti? Beatae a quis eligendi voluptatibus dignissimos mollitia dolores aliquam voluptas necessitatibus. Rerum dolor aut illo provident vitae, doloribus sit consequatur necessitatibus quo architecto modi ullam amet ad dignissimos perferendis ab repellat at maiores quos, laudantium aspernatur! Rem eum earum quia incidunt odit repellendus similique mollitia dolores omnis in? Quis libero earum sint animi ducimus ipsam similique quibusdam modi tenetur adipisci vel harum sed, officia, saepe officiis explicabo ullam. Eos earum sed doloribus vel commodi veniam cumque perspiciatis delectus adipisci illo dolorum omnis quas dolores, sint porro ea quod ullam nesciunt nulla vitae! Saepe atque incidunt ut! Dicta vel, quia inventore rem facere aliquid itaque voluptates obcaecati delectus ea soluta, amet corporis hic sint harum voluptatibus ipsum, tempora culpa sit ducimus consectetur dolorum? Adipisci a ullam eos voluptas neque rerum fugit quo, hic, cumque vero quam explicabo iste corporis aut voluptatum quae doloremque quos dolor dolorum in iure quaerat! Dolor porro, dolore omnis magnam praesentium fuga optio, minus deleniti modi veniam mollitia facere quam! Cum in mollitia harum eligendi consequuntur exercitationem voluptatibus sunt, aspernatur reprehenderit, fugiat praesentium esse recusandae ab quos voluptate debitis. <br> <br> Rem, a provident voluptas iusto vero nemo, minima ratione error molestiae, iure cupiditate perferendis ab soluta quae fuga? Quidem quaerat ab dolores? Earum labore assumenda officia ab ipsa sequi aperiam aut vero velit, facilis in impedit accusamus voluptatem saepe odio minus nesciunt hic nemo doloremque harum blanditiis. Earum, nesciunt maxime dicta vero quos consequuntur eius eum, enim quibusdam, nulla dolores quod voluptates illum! Sunt tempore in rem aliquid totam neque provident sed amet quasi, at harum dolore? Saepe nemo, dignissimos beatae recusandae minus tempore est culpa debitis mollitia tempora ratione, explicabo provident iste! Officiis nostrum nulla inventore! Facilis praesentium odio repudiandae facere dolorum sapiente molestiae ex, qui aut modi possimus, odit laudantium minus porro et neque, veritatis sed id eum in?
</div>

<div class="bnr bnr_side_left">
  some banner
</div>

<div class="bnr bnr_side_right">
  some banner
</div>

body {
  font-family: tahoma;
  margin: 0;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: calc(max(0.8vw, 4px) + max(0.8vh, 4px));
  color: #000;
  transition: 0.2s all;
}

.content {
  width: 60vw;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 10vh;
}

.heading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 10vh 0;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: bold;
  box-sizing: border-box;
}

.bnr {
  position: fixed;
  top: 10vh;
  width: 17vw;
  height: 80vh;
  background-color: orange;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  transition: 0.2s all;
  opacity: 0;
}

.bnr_side_left {
  left: 1vw;
}

.bnr_side_right {
  right: 1vw;
}

body.scroll-active {
  color: #fff;
  background-color: #2f2f2f;
}

.scroll-active .bnr {
  opacity: 1;
}

let body = document.querySelector("body");

window.addEventListener("scroll", (e) => {
  // If the height is more than 600px,
  // Add the nav-scroll class to the header class
  if (document.scrollingElement.scrollTop > 600) {
    body.classList.add("scroll-active");
  }
  // Otherwise, we delete the scroll-active class
  else {
    body.classList.remove("scroll-active");
  }
});