Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- mainapplication.kt
- extends
- 이진탐색
- app.post
- Spring
- 상속
- 스크롤이벤트
- 안드로이드빌드에러
- materialicons
- err_connection_refused
- javascript
- forwardref type
- app:compiledebugkotlin
- Next.js
- map
- async
- 타입스크립트
- interface
- TS
- reactnative
- reactnative error
- npm에러
- 배열중복요소제거
- set
- generic
- 슬라이딩윈도우
- Filter
- react
- array
- 리액트네이티브아이콘
Archives
- Today
- Total
rhanziy
js. 스크롤 한 높이값 만큼 컨텐츠 position 이동하기 본문
제이쿼리 scroll메서드를 이용해서 간단하게 구현가능하다!
$(window).scroll(function(){
scroll = window.scrollY;
$('.scar').css({
left : -150+scroll*0.1+"px",
top: -120+scroll*0.15+"px"
});
});
브라우저간 호환성을 위해서는 window.scrollY 대신 window.pageYOffset 을 사용하라고 한다. 그러지뭐!
'Html_css_js' 카테고리의 다른 글
js. 문서의 맨 끝에 스크롤 도달 시 이벤트 실행 (0) | 2022.01.18 |
---|---|
javascript. 함수 function (0) | 2022.01.18 |
javascript. 연산자, 반복문 (0) | 2022.01.17 |
javascript. script태그 async 와 defer의 차이점 (0) | 2022.01.16 |
css.반응형 폰트사이즈 관련 팁 (0) | 2021.12.30 |
Comments