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
- BI트리
- 래퍼럴
- vanilla.js
- CSS #그라데이션 #선형 #이미지위에
- 펜윅트리
- 한글
- 랜덤코드
- PQ92-3BWF
- 한국어
- 리마커블2
- PQ92
- 무접점키보드
- 한글폰트
- LRH 식물
- 당겨서새로고침
- 퓨어Q9
- 앱코
- LRH식물
- 2934
- gethostname
- 크러시
- pulltoreload
- 리마커블
- random chord
- remarkable
- random-chords
- 크러쉬 - 춤
- 웹
- 어퍼스트럭쳐
- 바이낸스
Archives
- Today
- Total
toujours
[웹] 당겨서 새로고침(pull to reload) 간단구현(JS, CSS) 본문
고정위치에있는 객체를 스크롤하여 새로고침하는 경우.
1. '당겨서 새로고침' 문구를 적은 div를 하나 만들고
margin-top 을 height만큼 -로 준다.
2.
$(document).on('touchend',function(){
var top = document.getElementById('refresh').getBoundingClientRect().top; // jquery안먹힘
if (top > 80){
location.href = location.href;
}
}
초 깔끔.
반응형
Comments