Issue with Chrome

[amatoro]

Hi,

This is a great plugin, but I wanted to know if it's possible to help me with an error that it has with Chrome (Mac & Windows), I tested it also with FF, Safari, IE, Opera, both Widnows and Mac and the error is not appearing:

I'm having the issue here (http://www.joshuadowden.com/dayonev20/index.html) , when I go the site it loads as it should, but if I scroll to a different section, and refresh the site the qLoverlay loads again, and it leaves the bar there.

Also, when i go to a different page, for example this: http://www.joshuadowden.com/dayonev20/more-than-a-name.html, and I click "Back", it goes to the previous page, it loads again the "qLoverlay" div, it moves down where the anchor is located and it leaves a semi-transparent orange all over the section. If I move or scroll down it disappear.

I was wondering why is it loading again if the site is already on cache?

Please let me know if you need more information, or if it's not clear enough.

Thanks,

[Gaya]

Hi,

It looks like you've put a lot of heavy JavaScript work on your website. It makes my chrome behave very slowly. QueryLoader might be conflicting with one of the 11 other scripts that are doing stuff on your page. I see that the Overlay has disappeared in the DOM but not in the viewport. Seems to be a bug in Chrome and I suspect it's because of the heavyness of JavaScript you're executing.

As for the cache: it checks the cache again and loads the images it needs. Because queryloader also scan background images, it has to create new objects for them to check against. As you can see the second load goes a lot faster.

I am closing this issue since I think it's not an issue with my script but rather the implementation.

Regards,
Gaya

[amatoro]

Hi There,

I removed every single javascript code that the site has, except jquery, your minified code and the small script that moves the user to the hashtags, and the error is still there.

Also I removed all the css files, fonts, and js for a different test, keeping only the css that loads the background images, and the error is still there. So I don't consider the error is related to the amount of javascript that the site has. Would you mind to take a look?

Try to refresh the site from any other place than the initial screen and you will see that the loader stucks in certain percentages.

The one without js files- http://www.joshuadowden.com/dayonev20/index-nojs.html and go back from http://www.joshuadowden.com/dayonev20/clients.html

The one without js and only one css - http://www.joshuadowden.com/dayonev20/index-nojscss.html and go back from this one to the index: http://www.joshuadowden.com/dayonev20/more-than-a-name.html

You see that the same error is there and is only loading images?

Thanks,

A.

[amatoro]

Also I'm wondering why if I keep all the javascripts, css, fonts, images as it is, and I change the transition from 'grow' to 'fade' the error is not there.

And also let me ask, does your plugin preloads backgrounds?

Regards,

A.

[Gaya]

Looks like you've hit a weird bug in Chrome. Especially since the ending animation seems to be the difference between working and not working. I will look into this and determine if I need to fix it or if there is something wrong with Chrome.

And yes, the plugin also preloads CSS background-images. It loops through all elements and looks for background images.

Will update if I have found out what's happening.

[Gaya]

Haven't looked into this problem for a while. There is a new version of QueryLoader out, can you see if this fixes the problem? Thanks!

[Gaya]

Closing for no answer and 'grow' animation doesn't exist anymore.