Loading page effect with Elementor

  • Hello,

    I’m using the plugin on a button in my header (built with Elementor Pro). When clicking “Book,” the link redirects to a contact page and scrolls down to a form.

    However, the effect is not visually smooth. The page first loads at the targeted section, then jumps back to the top before scrolling down (as if the plugin’s script runs after the initial page load).

    Is there a specific setting to adjust?
    I’ve already enabled the “Force scroll type/easing” and “Prevent other scripts from handling plugin’s links” options.

    Thanks in advance!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    We can’t really have full control when scrolling from/to different pages, as it depends on the specific page layout, CSS, browser engine etc. For example, I’ve only experienced the issue on one browser (Brave), while other browsers like Chrome and Firefox scroll to the target without the “jump”.

    Indeed, the plugin’s script runs after the page is fully loaded in order to scroll to the correct position.

    In your case, the issue seems to mainly come from the fact that the map is loaded a bit later than the rest of the other elements in the page (which is correct).

    Perhaps you could try hiding the elements before scrolling to the target and then make them visible again. This would require a bit of javascript and CSS (not sure if you can do this or need more help). For instance something like this would probably do the trick: 

    .page-id-1631 div[data-elementor-type='wp-page']{
    	visibility: hidden;
    }

    and the js script: 

    (function($){
    	$(window).on("load",function(){
    		$(".page-id-1631 div[data-elementor-type='wp-page']").css({
    			"visibility": "visible"
    		})
    	});
    })(jQuery);

    Let me know ??

    Thread Starter behu6338

    (@behu6338)

    Thanks for your response !
    I made tests and tried to apply this code, but the issue was still the same.
    I’ve found JS custom code to achieve the scroll with an offset, so I removed the plugin :/

    Plugin Author malihu

    (@malihu)

    No problem ??

    You could normally do the same with the plugin if you didn’t want the smooth scrolling, by setting the scroll duration to 0 (we would need to test this of course).

    • This reply was modified 3 weeks ago by malihu.
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.