요즘 웹사이트보시면 go-top이라고 window 스크롤 내리면 나오고 클릭을 하면 최상단으로 올라가는
화살표를 보실수 있었죠?
이것또한 쉬운 jquery 코드로 만들수 있습니다. 다같이 해보죠!
시작하기전에 Jquery cdn 코드에디터에 삽입하겠습니다!
https://developers.google.com/speed/libraries#jquery
Hosted Libraries | Google Developers
A stable, reliable, high-speed, globally available content distribution network for the most popular open-source JavaScript libraries.
developers.google.com
Code   Pen
See the Pen go-top by 유국현 (@yoogukhyeon) on CodePen.
Jquery 잘 활용해서 go-top 기능을 만들수 있습니다!!
감사합니다
'Jquery' 카테고리의 다른 글
| HTML 동적 콘텐츠 제이쿼리로 다루기 (3) | 2024.08.29 |
|---|---|
| 요즘 많이 쓰이는 gnb floating 을 만들어봐요 (7) | 2021.08.04 |
| 오늘은 floating 만들어봐요! (10) | 2021.07.23 |
| 오늘은 Tab-Menu 만들어 봐요! (10) | 2021.07.21 |
| Jquery 기본문법을 알아봐요! (10) | 2021.07.20 |