Aos: AOS IE (Internet Explorer) 10 not displaying HTML on Scroll - Opacity still 0

Created on 19 Sep 2016 · 17Comments · Source: michalsnik/aos

I have a problem with IE10 (or IE 10 render mode) where the elements are created but hidden with opacity 0, some how its not changing them on scroll

bug unconfirmed

Source

GroFin

Most helpful comment

FYI I just went with the option of not having the animation work on IE for now:

function msieversion() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0)
{
    $("[data-aos^=fade][data-aos^=fade]").css("opacity", "1");
}

}

$(document).ready(function (){
msieversion()
});

Mackenzierae on 17 Jan 2018

👍3

All 17 comments

It happens with all elements on IE10? Or a specific one?

michalsnik on 22 Sep 2016

No confirmation since September and no other issues like this. I presume it's working fine, there was some work regarding IE's in the meanwhile.

michalsnik on 15 Feb 2017

I have the same issue, class aos-animate not added in ie10,
I cant to understand why this code: el.node.classList.add('aos-animate'); not working =(((

demyan1411 on 12 Apr 2017

I'm having the same issue. Exactly what the original message was.
@michalsnik

Mackenzierae on 9 Jan 2018

me too

jacoob1406 on 10 Jan 2018

me too

esbenjuul on 12 Jan 2018

me too

yuuk on 14 Jan 2018

FYI I just went with the option of not having the animation work on IE for now:

function msieversion() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0)
{
    $("[data-aos^=fade][data-aos^=fade]").css("opacity", "1");
}

}

$(document).ready(function (){
msieversion()
});

Mackenzierae on 17 Jan 2018

👍3

me too :(

rehamwael on 10 Feb 2018

Same here. Doesn't work in IE 10. All elements on the page remain hidden, even on scroll.

Tebbott on 8 May 2018

😕1

Having the same issue on E10.

JDEscobar on 11 May 2018

Me too... Has anyone found a solution to this?

nadinezein on 15 Sep 2018

Edit message:
I apologize, Console signaled AOS, but problem was caused by another script.

maexen on 13 Dec 2018

Any luck with this issue IE 10 issue? I'm using the basic installation, and the first element on the page will animate just fine, but the others remain hidden on scroll. Note: IE 11 and Edge work fine.