mxcrml

@serpentdriver Hi! Thank you for your answer, I understand your point and my English might not be good enough to express this subtility…

I do want the elements (images, iframes, etc.) to lazyload (meaning that they do not load instantaneously with the page load but later on when the user scrolls to reach the element) but the loading should trigger some pixels before the element enters the screen. As @hailite mentioned it, the loading currently triggers 300px before the elements enters the screen. Or at least, t.300px.

@hailite Hi ! Thank you for your answer too. I’ve seen that indeed, although this value is a bit small for me. On my website, I want the elements to smoothly comes “over the clouds” for a nice visual effect. It works fine if I scroll slowly but if the scroll is a bit faster, some images appear too late.

I think that I need threshold: 600 or even threshold: 900 to be safe. Is that possible ? If not, is there a way I can rewrite the formula of rootMargin to increase it by a factor “x” even though threshold: 300 remains constant ? What value is the factor t and can I change its value ?

To both of you, thank you for your help.

• This reply was modified 3 years, 10 months ago by mxcrml.