You are here

Home » API reference » Animate On Scroll 8

README.txt in Animate On Scroll 8

Same filename and directory in other branches
  1. 7 README.txt
------------------------------------------------------------------------------
                                 Animate On Scroll
------------------------------------------------------------------------------


Description
===========
Animate On Scroll (AOS) library allows you to animate elements as you scroll
down, and up.If you scroll back to top, elements will animate to it's previous
state and are ready to animate again if you scroll down.This module provides
integration with AOS library.


Requirements
============
Animate On Scroll Library. (Check demo at: http://michalsnik.github.io/aos/)
  1) Download AOS libraray from https://github.com/michalsnik/aos/archive/master.zip
  2) Copy aos library in your libraries directory, so aos.js will be located in libraries at /aos/dist/aos.js.


Installation
============
  1) Copy the 'aos' module into your Drupal modules directory and enable it.
  2) As this module provides the integration of AOS library, to get the
     animations on page simply add `data-aos` attribute to element,
     like <div data-aos="animation_name"></div>  in your html.
     e.g.
     <div data-aos="fade-zoom-in"
       data-aos-offset="200"
       data-aos-easing="ease-in-sine"
       data-aos-duration="600">
     </div>

     You can check all available animations & easing options at
     https://github.com/michalsnik/aos


Roadmap
=======
  1) Expose configurations for AOS global options.
  2) Expose configuration to disable AOS library on admin pages.

File

README.txt
View source 
  1. ------------------------------------------------------------------------------

  2.                                  Animate On Scroll

  3. ------------------------------------------------------------------------------

  4. 

  5. 

  6. Description

  7. ===========

  8. Animate On Scroll (AOS) library allows you to animate elements as you scroll

  9. down, and up.If you scroll back to top, elements will animate to it's previous

  10. state and are ready to animate again if you scroll down.This module provides

  11. integration with AOS library.

  12. 

  13. 

  14. Requirements

  15. ============

  16. Animate On Scroll Library. (Check demo at: http://michalsnik.github.io/aos/)

  17.   1) Download AOS libraray from https://github.com/michalsnik/aos/archive/master.zip

  18.   2) Copy aos library in your libraries directory, so aos.js will be located in libraries at /aos/dist/aos.js.

  19. 

  20. 

  21. Installation

  22. ============

  23.   1) Copy the 'aos' module into your Drupal modules directory and enable it.

  24.   2) As this module provides the integration of AOS library, to get the

  25.      animations on page simply add `data-aos` attribute to element,

  26.      like 
      in your html.

  27.      e.g.

  28.      
  29.        data-aos-offset="200"

  30.        data-aos-easing="ease-in-sine"

  31.        data-aos-duration="600">

  32.
  • You can check all available animations & easing options at
  • https://github.com/michalsnik/aos
  • Roadmap
  • =======
  • 1) Expose configurations for AOS global options.
  • 2) Expose configuration to disable AOS library on admin pages.