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 | 31 |
Tags
- 빅데이터
- Ajax
- 콜백 함수
- 750R
- npm
- NoSQL
- 개발환경
- MongoDB
- 마이크로소프트
- Microsoft
- node.js
- 마소
- CoffeeScript
- 자바스크립트
- github
- JQuery
- 테스트
- Python
- AngularJS
- Javascript
- 웹디자인
- CSS
- 인턴
- 오픈소스
- git
- non-blocking
- callback function
- 크로스브라우징
- 제이쿼리
Archives
- Today
- Total
목록스크롤 (1)
Inspired World
jQuery를 활용하여 DIV 및 브라우저 창의 스크롤의 끝 이벤트 알아내기
요즘 보다 발전된 UI/UX를 적용하는게 추세입니다. 최근 들어 마우스 스크롤을 끝까지 내리면 알아서 일정량의 글을 밑에다 붙이는 방식으로 구현된 게시판이나 사이트를 많이 볼 수 잇습니다. 일반적으로 버튼으로 구현되어 글을 더 보고 싶을 때 "더 보기" 버튼을 클릭하여 다음 글을 AJAX요청을 해서 글을 보여주는 DIV 안에 jQuery의 append 함수 등을 이용해 뒤에 붙이는 방법이 있습니다. 사용자가 스크롤을 아래까지 내렸을 때 자동으로 글 더보기 효과를 낼 수 있다면 더욱 멋지겠지요. "문제는 사용자가 스크롤을 아래까지 내렸을 때" 이벤트를 캐치하는 것입니다. 브라우저창 끝 이벤트 $(window).scroll(function() { if ($(window).scrollTop() == $(doc..
jQuery
2012. 3. 22. 13:57