[자바스크립트/javascript] 스크롤에 따른 엘리멘트 숨기기 scroll

스크롤에 따라 특정 엘리먼트가 보이게 하거나 숨기게 하기위한 javascript 예시코드

<script type="text/javascript">
 
 
 
var win = window,
 
    docEl = document.documentElement,
 
    $logo = document.getElementById('해당id');
 
 
 
win.onscroll = function(){
 
   var sTop = (this.pageYOffset || docEl.scrollTop)  - (docEl.clientTop || 0);
 
   $logo.style.display =  sTop > 250 ? "block":"none" ;
 
};
 
 
 
</script>