Page 332 - Xara Web Designer Premium

332 Web Sticky and Stretchy Objects

This will bring up the WEB STICKY/STRETCHY OBJECT PROPERTIES dialog. You can toggle
the function on or off using the checkbox.

Sticky Object Properties dialog

Stick at top

STICK AT TOP objects start off on the page and scroll with the page just like all your other
page content. But if you scroll the object’s position out of view, the object sticks to the top
of the browser window and so stays in view. Therefore it’s great for navigation bars.

Sticky

For other STICKY objects - in the top half of your page, the distance between the object
and the top of the page determines the distance from the top of the browser window in
the published page. So if you place the object 20px from the top of the page, it will be
stuck to the browser window always 20px from the top, as the main page content scrolls
below it.

If the object is closer to the bottom of the page than the top, then it gets stuck to the
bottom edge of the browser window instead. So again, placing the sticky object 20px
from the bottom of the page will make it stick 20px from the bottom of the browser
window.

All sticky objects that you place on the page (or even just partially overlapping the page)
will be centered horizontally in the browser window, so they will always appear on the
page no matter how wide the browser window is, because the page is also centered in
the browser window. If instead you want the object to stick to the left edge of the browser
window, place the object off the page to the left. Similarly if you want it to stick to the right
edge of the window, place it off the page to the right.