JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<div class="section">
  <div class="top">
  a
  </div>
</div>
<div class="section">
  <div class="bottom">
  b
  </div>
</div>

CSS

:root {
  --scroll: 0;
}

.section {
  height: 100vh;
  border: 1px solid #ddd;
  --background: red;
}

.top {
  background: var(--background);
}

JavaScript

document.documentElement.style.setProperty("--scroll", 25)