Skip to content Skip to sidebar Skip to footer

Prevent Page To Jumping To Iframe

I'm trying to integrate wetransfer into a website through an iframe, but I'm having a problem when the page loads, it jumps half-way down page, so it focuses on the iframe, instead

Solution 1:

This worked for me:

1) You initially hide the iframe by setting the display to none:

<iframe id="bmap" src="xxx.xxxx.xxx" style="display:none;"  frameborder="0">

2) Once the page has loaded, then show the iframe using jquery or javascript:

window.onload = function ()
{
    $("#bmap").show();
}

This worked for me across browsers


Solution 2:

You can put an anchor at the top of your page like this:

HTML

<header>
<a id="focus" href="#focus"></a>
  Some Header information and navigation
</header>

On page load use this JS:

document.getElementById("focus").focus();

Solution 3:

Here's a "hack" that disables autoscrolling completely, just redefine the function window.scrollTo() to a no-op:

window.scrollTo = function () {};

Solution 4:

As none of the above worked for me after numerous tests, another trick, because a lot of sites now have a "scroll to top" button, especially useful if page structure cannot be easily modified (like a wordpress theme ...):

  jQuery(".scroll-top-button").trigger("click");

Just forcing a click on that button ... that is really cross browser :-) (if jquery supported of course) ....


Post a Comment for "Prevent Page To Jumping To Iframe"