상세 컨텐츠

본문 제목

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

개발과 프로그래밍/워드프레스

by 브랜드보일러 진소장's 2018. 3. 27. 22:54

본문


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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>
cs







관련글 더보기

댓글 영역