Cargando iframe con un elemento especificado mueve el punto de vista principal a la misma ubicación

Uso este javascript para cargar una página web que se desplaza al área que necesito dentro de un . Pero cada vez que se carga el iframe dado, la ventana gráfica salta instantáneamente a ese punto, al igual que utilicé #asContainer al final de la URL.

HTML:

 

Audiosurf

JavaScript:

 $(document).ready(function(){ $('#asContainer').attr('src','//audio-surf.com/mypage.php?u=DJDavid98#favorites_container'); }); 

Trabajando con la primera respuesta, se me ocurrió esto:

http://jsfiddle.net/UZZ4c/1/

Como puede ver, solo está ocultando y mostrando el iframe mientras se está cargando y rescribiendo antes del show.

Mi primer pensamiento es que no deberías necesitar desplazarte. Los elementos del iframe no son visibles en el momento en que se cargan y el navegador no debe desplazarse al ancla http://jsfiddle.net/UZZ4c/2/. Sin embargo, no probé esta teoría, así que se lo dejo a usted.

Sugiero que pongas un cargador en lugar del iframe mientras está oculto.

 #asContainer { display: none; } $(document).ready(function() { $('#asContainer').attr("src", "//audio-surf.com/mypage.php?u=DJDavid98#favorites_container").on('load', function() { $(this).show(); }); }); 

No hay nada que puedas hacer al respecto. El problema está en la forma en que se vincula al sitio de origen usando un anclaje para mover la página. Demostración con un sitio web normal:

 $(document).ready(function(){ $('#asContainer').attr("src","http://www.lolwut.com"); }); 

http://jsfiddle.net/WGZUj/

Demostración con el sitio que intenta insertar:

 $(document).ready(function(){ $('#asContainer').attr('src','//audio-surf.com/mypage.php?u=DJDavid98#favorites_container'); }); 

http://jsfiddle.net/UZZ4c/

Una estrategia para evitar esto en teoría sería detectar cuándo se carga el iframe y luego volver a la posición original, pero esto no es posible.