Does not work on iPhone 5/5s about in-view HOT 5 CLOSED

@duezerouno Could you please provide your code and some more specific info (browser version, OS version) on the environment you're having issues with. Thanks!

from in-view.

@camwiegert you can have a look to the code here

from in-view.

@duezerouno Sorry, but I'm not going to dig for your code. If you'd like some help resolving the issue, please post the pertinent code in this thread along with other relevant info and I'll be happy to take a look.

from in-view.

@camwiegert sorry, was on mobile yesterday :)

as I said I am basically using in-view to animate color background when entering a new section:

<article class="section" data-background-color="rgb(66, 159, 155)" id="cosa">
</article>

var $target = $('#content');
     inView('.section').on('enter', function(el){
     var color = $(el).attr('data-background-color');
     $target.css('background-color', color );
     inView.offset(320);
});

this works perfectly everywhere except iPhone 5/5s. Any idea?

from in-view.

@duezerouno Ahh I think I see your issue. You've set the offset to 320, which happens to be the width of an iPhone 5 viewport. So, in-view will never consider anything to be in viewport.

What you could do is set your offset by direction...

inView.offset({
  top: 320,
  right: 100,
  bottom: 320,
  left: 100
})

..or something like that. Hope that helps!

from in-view.