Как сделать плавное появление текса при скроле [требует правки]

window.onscroll = function() { 
  var scrolled = window.pageYOffset || document.documentElement.scrollTop; 
  var wrapper = document.getElementById('wrapper'); 
  wrapper.style.opacity = scrolled/150; 
}

#wrapper { 
  width: 100%; 
  height: 900px; 
  padding-top: 200px; 
  opacity: 0; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="wrapper"> 
  Text... 
</div>