fire once while listening to the scroll event

fireonceonscroll.js

var elem = document.querySelector('#video');
var fired = false;

window.addEventListener('scroll', function(e){
  if (document.body.scrollTop >= 300 && fired === false) {
    console.log('fire!');
    fired = true;
  }
}, true);