JS 라 이브 러 리 wow.js 사용 방법

3079 단어 wowjs쓰다
최근 에 프로젝트 를 할 때 스크롤 바 가 특정한 위치 로 미 끄 러 질 때 애니메이션 을 표시 할 수 있 습 니 다.인터넷 에서 wow.js 가 요구 에 도달 할 수 있 는 지 조회 할 수 있 습 니 다.지금 은 사용 방법 을 다음 과 같이 요약 합 니 다.
wow.js 프레젠테이션 주소
github 주소
사용법 이 참 쉽 네요.
Animated.css 에 맞 춰 사용 해 야 합 니 다.
방법 은 다음 과 같다.
1.wow.js 또는 wow.min.js 와 animate.css 를 참조 합 니 다.

2.이 효 과 를 사용 해 야 하 는 요소 에 class="wow fadeInUp"과 data-wow-delay=".1s"를 추가 합 니 다.구체 적 으로 나타 난 의 미 는 다음 그림 에서 설명 합 니 다.

wow.js 초기 화

코드 는 다음 과 같 습 니 다:

 <script>
  wow = new WOW({
    animateClass: ‘animated‘,
  });
  wow.init();
  </script>
총결산
위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 S 라 이브 러 리 의 wow.js 사용 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기