JavaScript Wow.js offset equal to element height

According to the wow.js documentation I can set the bottom offset at which the animation will trigger:

  wow = new WOW(
    {
      boxClass:     'wow',      // default
      animateClass: 'animated', // default
      offset:       0,          // < --------------- This one
      mobile:       true,       // default
      live:         true        // default
    }
  )
  wow.init();

I have a .foo container <div class="foo wow fadeIn"></div> I want to animate when its bottom hits the bottom of the viewport i.e. it is fully on my screen. So I guess the offset should be equal to the .foo element height. Is there any way to specify this in the wow.js settings above?

Answer:1

i have a link with ui-sref attribute and also a jQuery touch event, but the problem is that when i click on this element the jQuery handler is running but the ui-sref not. Jquery: $('#fa-bar, #...

i have a link with ui-sref attribute and also a jQuery touch event, but the problem is that when i click on this element the jQuery handler is running but the ui-sref not. Jquery: $('#fa-bar, #...

  1. angular ui-sref not working

I am new to Angular and have a situation where I must pass in an object into an attribute of an element inside an ng-repeat. The code works fine when returning the new object if I do not use ajax to ...

I am new to Angular and have a situation where I must pass in an object into an attribute of an element inside an ng-repeat. The code works fine when returning the new object if I do not use ajax to ...

  1. angularjs infdig error
  2. infdig angular error
  3. angular rootscope infdig error

i am new in Phonegap development. In my current project, i want to get user profile name, gmail and email address. I know how to retrieve these information in native Android. By using which plugin, i ...

i am new in Phonegap development. In my current project, i want to get user profile name, gmail and email address. I know how to retrieve these information in native Android. By using which plugin, i ...

I'm trying to create a gulpfile that lint my personal javascript files (.js) but ignore any vendor/third party libaries. My gulp file is listed below: var gulp = require("gulp"), uglify = ...

I'm trying to create a gulpfile that lint my personal javascript files (.js) but ignore any vendor/third party libaries. My gulp file is listed below: var gulp = require("gulp"), uglify = ...