zuk / jquery.inview Goto Github PK

It'd be very useful to include the version number of the plugin into the non-minified and minified JS files. Knowing the version number would make upgrading much easier.

I would suggest to use version number for your project.
Semver is a good choice, Semantic Versioning Specification on
http://semver.org
https://github.com/mojombo/semver

Hello,

It would be nice if we can use/download this plugin as bower component and also had a minified version.

$.cache seems to always be null and no events fire. is it not compatible anymore?

Thanks

Looks like it doesn't fire anything if the element is already visible.

hi, we want to add your lib on https://cdnjs.com, i saw CC-BY-NC-SA-2.0 in your LICENSE but MIT in your bower.json, just want to confirm this with you.
thank you!

cdnjs/cdnjs#5620

I'm using this plugin to fire events that animate things as a person scrolls down a page. Unfortunately, I don't have a way to know whether only a small sliver has scrolled into view or an entire frame has! Waiting for bottom means the opportunity has passed.

So is there a way to look for a "halfway point?" Or anticipate it?

i'm using this plugin to know which item in my page has been seen ... something like this

$('li.not_seen').bind('inview', function (event, visible, topOrBottomOrBoth) {
  if (visible == true) {
       $(this).removeClass('not_seen');
       console.log($(this).attr('id'));
  }
});

it works great but here is the problem

i have a sort plugin which rearranges the items based on their attributes , so for example if i click on sort by date items with bigger or smaller date would come to top of the page without any scrolling ... here is the problem , now when i scroll none of the items would trigger inview and code wont work anymore

i've tried to re-run the plugin code with each sort

    $(document).on('click' , '.sort' , function(){
            $('li.not_seen').bind('inview', function (event, visible, topOrBottomOrBoth) {
          if (visible == true) {

               $(this).removeClass('not_seen');
               console.log($(this).attr('id'));
          }
        }); 
    })

but it wont work , any suggestion ?

Hi Jed, how is California going?

I appreciate the work you have done for the inview plugin, because it is so very helpful to fire css3 animation, on onepage websites, only if the object is in view. Without such a feature, no one ever would see those animations, right?

I have a question. Right now the class is added as soon as the top of the object is hitting the bottom of the screen. How can I make it to add the class only if 50% of that object is already seen?

Can you help me to achieve this?

Cheers from Berlin, Germany

Mark

I have a few elements that i want to animate. But when I add class like -

$('myClass').bind('inview', function (event, visible, topOrBottomOrBoth)......

All animations perform at the same time, I mean when the first element is in view all the animations get triggered at the same time.

Anyway to make element of same class to be triggered only when they are in viewport?

would you please consider adding package.json so that we can add your lib on https://cdnjs.com.
thank you very much!
cdnjs/cdnjs#5620

@zuk Are you maintaining this repository again and are you plannning to do this in future?
I'm using https://github.com/protonet/jquery.inview from since a while but it doesn't seem to be maintained anymore.

Do you now which one is the preferred repository?

would you please consider adding tags for each version so that we can add your lib on https://cdnjs.com/ with git auto-update.
thank you very much!
cdnjs/cdnjs#5620

Do you have examples only in the form of html, it's not always convenient. Better living example like this
http://codepen.io/wanes101/pen/kkPrxd
This was done on the basis of
https://github.com/protonet/jquery.inview/blob/master/example/live_event.html
in your example it was necessary to add a line to sample earned. Line 26 in http://codepen.io/ editor