Notice
Recent Posts
Recent Comments
Link
목록.offset() (2)
이야기앱 세상
jQuery - 페이지 내의 특정 위치로 스크롤을 이동시키기
jQuery - 페이지 내의 특정 위치로 스크롤을 이동시키기 버튼을 누르거나 링크를 누르면 같은 페이지 내의 특정 위치로 스크롤을 이동시킬 수 있다. jQuery의 offset() 메서드를 이용해서 태그의 위치를 알아내고 animate() 메서드를 이용해서 부드럽게 원하는 위치로 이동하도록 코드를 작성할 수 있다. [스크립트 부분] [html 태그 부분] div1로 이동div1
IT/jQuery
2018. 12. 26. 20:47
jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기
jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기 스크롤시 로고 영역은 스크롤되지만 메뉴는 상단에 고정한 후 내용은 계속 스크롤 처리하게 할 수 있다. 메뉴의 수직 위치를 측정해서 스크롤바의 위치가 메뉴의 수직 위치보다 크면(스크롤바의 위치가 아래일 경우) 메뉴 영역이 고정되게 처리한다. jQuery의 .offset() 메서드를 이용해서 선택한 태그의 위치를 알아낸다. [스타일을 표시 부분] [스크립트 표시 부분] [HTML 태그 표시 부분] 회사소개 상품정보 오시는 길 [스크롤하기 전] [스크롤한 후]
IT/jQuery
2018. 12. 24. 22:12