THERE IS A SERIOUS PROBLEM WITH THE LAZY LOAD AND SCROLL WITH ID #

THERE IS A SERIOUS PROBLEM WITH THE LAZY LOAD AND SCROLL WITH ID #

PLEASE GO TO THE PAGE:
https://eunicegarciaruiz.com/

When I reload the entire home page by clicking on the logo on the left and being in the top total position, if I click on the “OPINIONES” button menu with id: “opiniones”, woodmart completely skips the OPINIONES section and goes the RESULTADOS section below that has the id: resultados.

I think this is a very serious problem caused by the lazy load that interferes with the correct calculation of the scroll JS by scrolling down when I click on the OPINIONES menu button from the full upper position.

How could this be solved?

This is VITAL TO SOLVE IT because we all use menus with buttons that when pressed scroll to sections of the web, and with WOODMART it cannot and causes this serious error.

Thank you

Please, to see this SCROLL error with the ID section, I have created a clone so that you can access with passwords.
Now the home would be: https://fitpronatural.com/eunice

IMPORTANT NOTE: ONLY THE MAIN THEME PLUGINS ARE ACTIVE

I write the access codes to the private

IMPORTANT NOTE 2: you must try in google chrome and with the “OPINIONES” button because the “SOBRE MI” button makes it correct because it has a short scroll.
When there is a longer scroll this fails always.

The RESULTADOS button also works well and goes to the correct section because it is the final section of the page and it cannot go any further.

Hello,

Lazy load nature is to show the element on the moment when you go to this element. Initially element is not loaded. It would appear on request when a user scrolls to the place. This feature cannot be changed.

At the same site. Anchor menu needs the element to be loaded completely. When you click “Options” this block has not loaded yet, and the menu goes to the place where it should be, but there is no one yet, that is why you get at the next block.

When the site is completely loaded, everything works well: https://gyazo.com/9fc0e88a5432a78ebe1983113aca407f

If you want to use the Lazy loading and anchor menu, insert an empty row before OPTIONS without lazy load and assign the ID to this row. And do the same with all the blocks.

Best Regards

Elise thank you very much for your excellent explanation.

I just have one question, how do you insert an empty row or section in elementor “NO DEFERRED LOAD”?

That is, how is the option to remove lazy loading applied to an empty section when that section has no images?

Hello,

Sorry for the delay. Please confirm the permission to do it on your site.

Best Regards

Dear Elise, thank you very much for your disposition, you are great! You have excellent support.

Of course you can implement it because I gave you access to a clone that is a test website.

But when you do it, I would like you to also briefly indicate what you have done, or what JS or CSS code you have added to the section with #opiniones ID to ensure that the empty section does not apply lazy loading and stops right in the section By clicking on the “OPINIONES” button, with the page just loaded in the upper position, and that this page has not yet finished loading all of it because it is the first time that scrolling is done on it by clicking on the OPINIONES button.

Thank you very much

Hello,

Sorry for the delay.

Please try to upload any blank image here: http://prntscr.com/w7onus

Best Regards

[Author]

Posts