surma · June 15, 2016 12:51
diff --git a/index.html b/index.html
 <!doctype html>
 <style>
  div {
    height: 40px;
    background: red;
  }
  body {
    height: 100vh;
  }
  section {
    height: 100vh;
    overflow: scroll;
  }
  span {
    display: block;
    height: 400vh;
  }
 </style>
 <body>
 <section>
  <div>Click here, then scroll using the arrow keys</div>
  <span></span>
 </section>
 <script>
 const d = document.querySelector('div');
 document.querySelector('section').addEventListener('scroll', _ => {
  d.parentNode.removeChild(d);
 });
 </script>
 </body>
	<!doctype html>
	<style>
	div {
	height: 40px;
	background: red;
	}
	body {
	height: 100vh;
	}
	section {
	height: 100vh;
	overflow: scroll;
	}
	span {
	display: block;
	height: 400vh;
	}
	</style>
	<body>
	<section>
	<div>Click here, then scroll using the arrow keys</div>
	<span></span>
	</section>
	<script>
	const d = document.querySelector('div');
	document.querySelector('section').addEventListener('scroll', _ => {
	d.parentNode.removeChild(d);
	});
	</script>
	</body>