Offset posizione di una pagina Web all'interno di iframe

Question

Ho un pop-up iframe che dovrebbe caricare un modulo.

Il modulo fa parte di una pagina più grande e contiene alcuni campi di input.

In questo caso, l'iframe che lo carica (ed è limitato a circa 1000 pixel di larghezza) funge da "finestra" in una pagina diversa.

C'è un modo per allineare non l'iframe ma il contenuto stesso quando viene caricato in esso? Voglio caricare l'intero documento html all'interno dell'iframe ma con un offset in modo che la finestra iframe mostri solo i campi che normalmente sarebbero tagliati su un lato o sul fondo o qualcosa del genere, vedendo come la dimensione dell'iframe è limitata ma la pagina essere visualizzati non è.

Answer 1

Ci sono diversi modi per fare questo, è possibile includere un id nella url del tipo: http://somesite.com/yourpage#anchor

Questo funziona, ma se non si possiede il sito che IFRAME (come una sorta di sito di video personalizzati senza integrazione iframe) è possibile farlo tramite CSS con un div offseted vuoto prima: http://aldebaranwebdesign.com/blog/how-to-position-a-page-within-an-iframe/

tuo CSS:

#outerdiv 
{ 
width:446px; 
height:246px; 
overflow:hidden; 
position:relative; 
} 

#inneriframe 
{ 
position:absolute; 
top:-412px; 
left:-318px; 
width:1280px; 
height:1200px; 
} 

il codice HTML:

<div id='outerdiv'> 
<iframe src="http://www.siteto integrate.com/" id='inneriframe' scrolling=no></iframe> 
</div>