728x90 JavaScript/jQuery2 [jQuery] 제이쿼리로 최상단으로 부드럽게 스크롤 이동하기 상단으로 $("html, body").animate({scrollTop:0}, '500'); : 페이지의 상단으로 스크롤을 부드럽게 이동하는 애니메이션을 시작한다. {scrollTop:0}는 스크롤의 Y 좌표를 0으로 이동시키는 것을 의미하며, '500'은 애니메이션의 지속 시간을 밀리초 단위로 설정한다. 즉, 0.5초 동안 애니메이션이 진행된다. return false; : 클릭 이벤트 후에 기본 동작을 취소한다. 버튼 클릭 시 페이지의 스크롤 이동을 방지한다. 요약 : '상단으로' 버튼 클릭 시 페이지가 맨 위로 부드럽게 스크롤되는 효과를 구현하였다. https://sorydory.tistory.com/entry/%E3%84%B1-21 [JavaScript] 간단하게 최상단으로 위치 이동하기 oncl.. 2023. 8. 14. [jQuery] 제이쿼리 사용하기 라이브러리란?(library) 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들 jQuery란? 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리 제이쿼리를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할 수 있다. 특징 ① 크로스 플랫폼을 지원하는 jQuery는 어떠한 브라우저에서도 동일하게 동작한다. 이것은 브라우저 호환성을 고려하여 대체 코드를 작성할 필요가 없다. ② 네이티브 DOM API 보다 직관적이고 편리한 API를 제공한다. CSS 스타일의 selector를 사용할 수 있으며 조작 또한 유연하게 할 수 있다. ③ 이벤트 처리.. 2023. 5. 25. 이전 1 다음 728x90
