fancybox iframe floating

[Samir]

Hi,

If you go to http://fancybox.net/ and then click on this link "Iframe (75% width and height)", it opens iframe window.  But when you scroll up or down on parent windows, this iframe window stays in same position.   Can the iframe window “float” so that if the person has scrolled down the page it will appear wherever they are at?

If so, can you please help me with coding?


Thanks,

Samir

[JFK]

in that page the iframe actually scrolls up and down with the page

if you want it to remain always visible regardless you scroll the parent page, then set the option `"centerOnScroll" : true`

[Samir]

Thanks for reply.

I tried that but not working.


Go to http://fancybox.net/ and scroll all the way to bottom.  Then click on "Iframe (75% width and height)".  Once you see iframe, scroll parent page all the way to top.  Now the iframe window no longer visible since you scrolled to the top of the page.  In order to see that iframe, you have to scroll to the bottom.

What I'm trying to do is, I want that iframe window to be visible even when user scroll.  When the parent window is scrolled to top or bottom, the iframe window should also scroll with it.

Thanks,


Samir

[JFK]

the answer (again) is : add 'centerOnScroll' : true to your custom script

Seeing is believing? See it yourself then http://jsfiddle.net/3xKYw/

[Milkman]

Well quite nice conversation ...

What JFK said is:

"add the option 'centerOnScroll' with the value 'true' (without single-brackets) to your fancybox instantiation."

I hope this is some kind of understandable translation ;)

[Tony Alfrey]

And indeed it is perfectly understandable if you look at the code
example he posted. You would not even need to know what "Option" meant
or "instantiate" meant.

Milkman wrote:
> Well quite nice conversation ...
>
> What JFK said is:
>
> "add the option 'centerOnScroll' with the value 'true' (without
> single-brackets) to your fancybox instantiation."
>
> I hope this is some kind of understandable translation ;)
>
> Am Freitag, 14. Dezember 2012 00:44:31 UTC+1 schrieb JFK:
>> the answer (again) is : add 'centerOnScroll' : true to your custom script
>> Seeing is believing? See it yourself then http://jsfiddle.net/3xKYw/
>>
>> On Thursday, December 13, 2012 2:25:24 PM UTC-8, Samir wrote:
>>> Thanks for reply.
>>>
>>> I tried that but not working.
>>>
>>>
>>> Go to http://fancybox.net/ and scroll all the way to bottom. Then click

>>> on "Iframe (75% width and height) <http://fancybox.net/data/iframe.html>".

>>> Once you see iframe, scroll parent page all the way to top. Now the iframe
>>> window no longer visible since you scrolled to the top of the page. In
>>> order to see that iframe, you have to scroll to the bottom.
>>>
>>> What I'm trying to do is, I want that iframe window to be visible even
>>> when user scroll. When the parent window is scrolled to top or bottom, the
>>> iframe window should also scroll with it.
>>>
>>> Thanks,
>>>
>>>
>>> Samir
>>>
>>>
>>>
>>> On Friday, December 7, 2012 6:24:14 PM UTC-6, JFK wrote:
>>>> in that page the iframe actually scrolls up and down with the page
>>>> if you want it to remain always visible regardless you scroll the parent
>>>> page, then set the option `"centerOnScroll" : true`
>>>>
>>>> On Friday, December 7, 2012 10:55:35 AM UTC-8, Samir wrote:
>>>>> Hi,
>>>>>
>>>>> If you go to http://fancybox.net/ and then click on this link "Iframe

>>>>> (75% width and height) <http://fancybox.net/data/iframe.html>", it

>>>>> opens iframe window. But when you scroll up or down on parent windows,
>>>>> this iframe window stays in same position. Can the iframe window

>>>>> �float� so that if the person has scrolled down the page it will appear

>>>>> wherever they are at?
>>>>>
>>>>> If so, can you please help me with coding?
>>>>>
>>>>>
>>>>> Thanks,
>>>>>
>>>>> Samir
>>>>>
>

--
Tony Alfrey
tonya...@earthlink.net
"I'd Rather Be Sailing"

[Milkman]

yep .. you're right ... I didn't click on the link.
sorry for my sloppy comment ;)

[Tony Alfrey]

No problem. ;-)

>>>>>>> �float� so that if the person has scrolled down the page it will

[JFK]

TRUE indeed goes without quotes (not brackets) because both integer and Boolean values go without quotes (true is a Boolean value)

>>>>>>> �float� so that if the person has scrolled down the page it will

[Samir]

i actually made changed on my working env but testing in production server :)  my bad.  it's working fine.  thanks.