Offset in a iframe

I wanted to do the text with “offset” like this page: gravitysign.com/fancyscroll/horizontal#/
I know how to do it with pictures, and i write the offset like this:

<div id="d1" [B]offset="250"[/B] class="fancyscroll-background">

I want to do this with text (with a backgroud image), and I’ve tried <iframe>. I write the offset in the iframe like:

<div id="d1" offset="250" class="fancyscroll-background"> 	
<iframe src="test.html" name="iframe" width="800" height="500" scrolling="no" frameborder="0" >
</iframe>
</div>

or without div:

<iframe src="test.html" name="iframe" width="800" height="500" scrolling="no" frameborder="0" >
</iframe>

But the last two codes did not work and I´m not sure <iframe> is the best option?

Blimey, I’ve never heard of an “offset” attribute. Could you provide a concept of what you are trying to do here? That is, what do you want to see on screen?