CSS transform on parent container in IE 9-11 about jarallax HOT 11 CLOSED

I think this is possible only with custom attribute for videos instead of [data-jarallax-video].

<div class="jarallax" data-my-bg-video="https://youtube..."></div>

if(!(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > 0)) {
    $('.jarallax').each(function () {
        $(this).jarallax({
            videoSrc: $(this).attr('data-my-bg-video')
        });
    });
}

from jarallax.

Oh, just found a bug. Video parallax will not work properly with enableTransform: false. Will be fixed today. Thank you.

from jarallax.

Hi, hello0robot.

I checked solutions, but nothing works. I think the only way - stop using translate3d (use translate, translateX, translateY instead) + disable transform parallax for IE 11 and lower.

Try this code:

$('.parallax').jarallax({
    enableTransform: !(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > 0)
});

Best regards, nK.

from jarallax.

As for now I'm checking browser with userAgent and disabled jarallax completely for IE:

  /**
   * Detect IE
   */

  function is_IE() {

    var ua = window.navigator.userAgent;

    var msie = ua.indexOf('MSIE ');
    var trident = ua.indexOf('Trident/');

    if (msie > 0 || trident > 0) {
      return true;
    } else {
      return false;
    }

  }

  /**
   * Parallax
   */

  if(!is_IE()) {
    $('.parallax-video').jarallax();
  }

Your solution with enableTransform looks nicer though. Will it work with video backgrounds?

from jarallax.

Try 1.7.1 version. Video parallax with enableTransform: false should work now.

from jarallax.

Sorry, I've been a little bit busy recently. Will check asap and get back to you. Thanks!

from jarallax.

OK, I've just tested.

It seems to do the job and disable 3d transforms. However it looks really jerky in IE, so I disabled it completely like here: #17 (comment)

However there's a new bug, that doesn't prevent videos from loading, even if I don't init jarallax via jQuery. I suppose it takes data attributes instead from HTML and loads jarallax by itself.

It wasn't an issue in 1.7.0, so I'd rather revert to it as for now.

from jarallax.

Since version 1.7.1 Jarallax automatically initialized on elements with attribute [data-jarallax-video]. Some of users requested that behavior and I agree with them.

Changed line - https://github.com/nk-o/jarallax/blob/master/jarallax/jarallax.js#L704

from jarallax.

Yes, it's fine.

But how can I disable Jarallax completely in IE, including videos then?

from jarallax.

That's a pity. Thanks anyway.

from jarallax.

Did it the way you suggested. It's all good.

Thanks a lot!

from jarallax.