프리랜서 웹디자이너 웹퍼블리셔RELATION

[JQUERY] jquery 현재 스크롤 좌표값 (높이)

2022.10.20
출처 이동
브라우져 스크롤 값을 구하기 위해서는 .scroll()과 .scrollTop() 함수를 사용한다.


.scroll(핸들러)
이벤트 핸들러를 "스크롤" Javascript 이벤트에 바인딩하거나 요소에서 해당 이벤트를 트리거합니다.


.scrollTop(스트롤바 수직위치)
.scrollTop()은 선택한 요소의 스크롤바 수직 위치를 반환하거나 스클로바 수직 위치를 정합니다.
$('div').scrollTop();
div 요소의 스크롤바 수직 위치를 가져옵니다.

 
//.scrollTop(value); $("div").scrollTop(300);
스크롤바 수직 위치를 정합니다.  div 요소의 스크롤바 위치를 위에서 300px로 정합니다.


 
$(window).scroll( function(){ var height = $(document).scrollTop(); });


http://www.relation.co.kr/images_board/board_system_publishing/268/
- 스크롤를 내려 하단에 도착하면 설정한 위치로 이동하는 Div 영역


출처
https://www.codingfactory.net/10356
http://trandent.com/article/javascript/detail/547
전체목록

이 포스트 공유하기

  • 페이스북에 공유하기
  • 트위터에 공유하기
  • 구글 플러스에 공유하기
  • 네이버 블로그 카페에 공유하기
  • 네이버 밴드에 공유하기
  • 카카오톡에 공유하기
LOGIN JOIN