Page Scroll to id and Lazy load incompatibility

  • dgops

    (@dgops)


    5 years ago

    Malihu,

    I have images being lazy loaded and I also use the page scroll to id plugin. I used Elementor page builder to build my website. As soon as I lazy load the images the scroll offset gets all messed up.

    Now I am aware that if there is no fixed height-set then the actual position changes because the heught changes but I have set the height of all the images within elementor. Even after hard setting the height of the images I still am having the issue. I cannot afford to get rid of lazy loading because my site has lots of images and for better optimization lazy loading is necessary but I also absolutely love your plugin as well and dont want to stop using it. is there a way to make these 2 work together? Am I missing something?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author malihu

    (@malihu)

    5 years ago

    Hi,

    Some images don’t have a height set or it doesn’t work as it should. For example:

    When you load the page, the “HIRING NOW!!!” large image placeholder is set to 1120 pixels height. When you scroll there and the actual image loads, its height is 564 pixels. This is a 556 pixels difference, thus the scrolling position will be 556 pixels off.

    This seems to happen for more than one image. When I load your page, the document’s length (i.e. page height) is 9752 pixels. By the time I’ve scrolled all the way to the bottom, the document’s length has become 8239 pixels.

    Not sure how you can fix this but when setting images fixed height, you have to consider the responsiveness and CSS rules for the images.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Page Scroll to id and Lazy load incompatibility’ is closed to new replies.