Can you help me to detect visibility of whole element?

[Valeka]

First, thank you for this plugin. But I'm beginner and I'm not so sure how to use it. I have page where user should show his skill and bars grow when the user loads that slide (impress.js). So this function works great when I switch between two distant slides, but when they are near each other, one part of the skill page is "visible" and bars load their full size early.
Here is the code that I used for my bars:

var win = jQuery(window);
var allMods = jQuery(".skill");

allMods.each(function(i, el) {
  if (jQuery(el).visible(true)) {                                           
    jQuery("span.bar.line1").animate({ width: w1 }, 3000, function() { });
   } 
});

I hardly make this work:) But can you help to make it TRUE only if it's whole div visible?

[samatcd]

Hi @Valeka, I've used impress a bit—you're probably better off to use the impress feature which fires an event when you navigate to that slide instead of this plugin (unless I've mis-read your intent).

Using impress:
event impress:stepenter

Using the newer impress:
event enterStep

http://jmpressjs.github.io/docs/jqevents.html