Как выключить фоновый scrolling при открытии модального окна?

window.addEventListener('scroll', (e) => { 
  window.scrollTo(0,0); 
});

main { 
  height: 200vh; 
  position: relative; 
  z-index: 1; 
} 
 
.popup { 
  position: absolute; 
  width: 300px; 
  max-height: 150px; 
  background-color: #fff; 
  left: 20px; 
  top: 20px; 
  border: 1px solid; 
  padding: .5em 1em; 
  overflow: auto; 
} 
 
.popup:before { 
  content: " "; 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100vw; 
  height: 100vh; 
  background-color: rgba(0,0,0,0.3); 
  z-index: -1; 
}

<main> 
  <div class="popup"> 
    <p>غينيا واستمر العصبة ضرب قد. وباءت الأمريكي الأوربيين هو به،, هو العالم، الثقيلة بال. مع وايرلندا الأوروبيّون كان, قد بحق أسابيع العظمى واعتلاء. 
    <p>غينيا واستمر العصبة ضرب قد. وباءت الأمريكي الأوربيين هو به،, هو العالم، الثقيلة بال. مع وايرلندا الأوروبيّون كان, قد بحق أسابيع العظمى واعتلاء. 
    <p>غينيا واستمر العصبة ضرب قد. وباءت الأمريكي الأوربيين هو به،, هو العالم، الثقيلة بال. مع وايرلندا الأوروبيّون كان, قد بحق أسابيع العظمى واعتلاء. 
    <p>غينيا واستمر العصبة ضرب قد. وباءت الأمريكي الأوربيين هو به،, هو العالم، الثقيلة بال. مع وايرلندا الأوروبيّون كان, قد بحق أسابيع العظمى واعتلاء. 
   
  </div> 
</main>

window.onscroll = function(){ 
  return false; 
}