Centered and FIXED bar at the top of page..how to in Antenna

[Hans]

I was wondering how to get a fixed top info-bar that stays on top while scrolling through a page:

Have a look at this example: www.aanhetwerk.nu

Here you will see a horizontal and fixed blue top-bar (also stretched 100% which I have never been able to do in Antenna while page center is set "true" it's not working...) which stays there even when scrolling the page with the main browser page slider on the right.

I tried to create something similar in Antenna by putting a colored gradient at the top of the page in .theme, next to create an i-frame on the index-page which links to a 3rd page containing text. However, preview is not showing what I want; colored panel stays at top but...I see two scroll-bars (1 from the Antenna text page) and one "main" browser scrol bar on the right (like in the url example given above). When I scroll with the "antenna scrolbar" the panel stays fixed at the top. But when moving the browser scroll bar the entire page scrolls up (including my "fixed" panel disappearing off the screen).

Maybe somewhat devious describing this issue but hope it is clear and that someone knows how to proceed. See also attachment to see my example.

Thanks a lot!

Regards,
Hans

Attachments:

fixed_top_bar_example.ata (28.17 KB)

[loes]

Thanks for asking. I am very interested in that function too! This forum has sort of the same function: if you scroll down this page, you will scroll past the advertisement at the top, but the navigation buttons Prev-Next, Actions and Search stay put.
Very helpful for any webpage.
Maybe a new feature request?

Loes

[Frank]

I thought I had built a fixed non-scrolling header sample a long time ago but can't find it...
maybe I didn't? Anyway for it to work in Antenna (without use of advanced CSS) it might need to be built in visual html and placed in the head to be out of the reach of Antenna or possible some jquery?
Let me look and see on my pc somewhere.

Frank

[Hans]

Great, thanks Frank!

[andylira]

Hans
Is this what you wanted ?, the only thing I couldn't do is margins on the RHS of the I-frame ACP_fixed_top_bar_example.ata (206.98 KB), but have a look and see if its OK
Andy

[Hans]

Hi Andy. Thanks, but not exactly. Still a scroll bar on the bottom and all not centered.

[Englesos]

Drop your main page content (separate page) in an IFrame set to width 100%
Add the top "bar" to the page on a layer in front of said IFrame

Job done :-)