728x90 스크롤모션2 smooth-scrollbar 부드럽게 딜레잉효과 스크롤 움직이기 오누룬!! 부드럽게 딜레잉효과로 움직이는 스크롤을 제공하는 라이브러리를 가지고 왔습니다. import해주고 사용하고자 하는 영역에 선택값만 지정해주고 딜레이값만 옵션으로 넣어주면 끝나는 아주 초간단한 소스인데요 기본스타일이 입혀진 심플한 스크롤도 따로 생성하여 제공해주니 스타일 커스텀해서 사용하기도 너무나 유용하네요 아래 예제소스와 데모화면으로 테스트해보신후 하단에 git소스참조하여 작업해보시면 되겠습니다! See the Pen smooyh-scrollbar by jmh (@jangmang) on CodePen. 데모 https://idiotwu.github.io/smooth-scrollbar/ GitHub - idiotWu/smooth-scrollbar: Customizable, Extendable, .. 2023. 2. 22. 스크롤 다운 모션 라이브러리 AOS.js 사용법 오늘은 페이지 스크롤에 따라 등장하는 모션을 간단하게 제공해주는 라이브러리 AOS.js를 소개드리려 합니다. 물론 복잡하지 않은 사이트에 간단한 등장 모션정도는 직접짜서 넣어도 무관하겠지만 내용과 레이아웃에 따라 속도, 방향, 지연시간등을 다르게 적용하는게 은근히 번거로울 수 있습니다. 그래서 발견한 aos.js 라이브러리를 이용하면 간단하게 각지점마다 다양한 모션과 옵션을 적용할 수 있습니다. 사용법 또한 매우 간단합니다. CSS JS INITIALIZE AOS 모션영역 위의 예제소스를 토대로 설명하면 기본css와 js를 import한후에 모션을 적용하고자 객체에 정해진 속성값을 넣어주기만 하면 됩니다. data-aos="fade-right" // 모션방향 (필수값) 아래는 필요에 따라 선택해서 넣으면.. 2022. 1. 6. 이전 1 다음 728x90
