Tobias Glaus Tobias Glaus - 5 months ago 9
Javascript Question

Parallax effect refresh rate in IE is horrible

I made a new website and got a little parallax effect on it. In Chrome, Firefox, Safari, even on mobile devices it works perfectly, but not in Internet Explorer. You can check it out here: My Website
In Internet Explorer it refreshes like after 3 seconds. Is this possible to fix somehow?
I added

<meta http-equiv="X-UA-Compatible" content="IE=edge">
to my page. That fixed some text-shadows etc.
If it isn't possible to fix, it's not that bad, because i guess nobody uses Internet Explorer nowadays or shouldn't use Internet Explorer at least.

Answer

On line 5 of your style.css you have transition: all .2s ease-in-out;

Remove it and it will work in explorer. You don't need CSS transition when you're using jquery animation.

*{
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    transition: all .2s ease-in-out; /* <-- Remove this line */
}
Comments