Masonry Gallery: Last gallery on page not loading with UHD-Resolution

Hi,

I build a website which contains a page for galleries. In these page are 4 Masonry galleries. If I use a resoltion height up to 1200 px on my display the galleries are loading finde. If I use a screen resolution like 3200×1800 or 2880×1800 only the three first galleries are loading and the last one is missing.

https://www.dropbox.com/s/i89x3wii2fx67yn/Enfold%20Masonry-last_not_loading.jpg

What I tried:
I disabled the animation and set it to load the galleries on page load instead by scrolling with following code:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

That works fine so far, but this is not the required solution. The gallery should be activated by scrolling.

Might it possible to change the point, where scrolling activates the gallery? It seems a gallery starts loading after the bottom of visible screen has mostly passed a gallery. Example: The third gallery on the image above loads very late when the screen bottom already passed the whole gallery. Or in other words: How to set up the galleries loading when the first pixel of the top of the gallery would be visible on the bottom of the screen screen?
Or again in other words: How to change the point when/where these galleries are loaded?

Hopefully you understand what I mean. At the moment the site is local hosted so I am not able to share a link.

Thanks in advance for help.

• This topic was modified 8 years, 1 month ago by MrDroos.