This is Xara generated multi-page website with Export set to ‘Scroll’. With this setup you
cannot have sticky objects with links in the same place even on different pages; this is
because the sticky objects are deemed to overlap one another, even though they are on
different pages; only the last the one will fire and take a visitor to its target.
The alternatives include:
1.
Avoid multiple scrolling pages; that is use a single page website with a sticky (or non-
sticky menu) if required, and use anchors to take the visitor to different vertical
positions on the page.
2.
Use a standard website and not a ‘scroll’ transition.
3.
Use a work-around that ensures no two sticky objects with links are in the same
position on any of the pages.
The example here uses the third approach where the position of the hamburger icon moves
down each page, thus avoiding any overlap. The same approach applying to any sticky
popups and their links.
A corollary to the sticky object bug is that a popup menu will not close properly without
forcing it to do so though javascript. In practice, this has its own pitfalls and requires a
designer to keep tabs on the internal reference ids for each popup, and to change the
popup links in the javascript close code as the internal ids change.
This is a bug in v19.0 of Xara Pro (and Web Designer Premium), maybe elsewhere too.
Page 1
Page 2
Laboris in velit dolore culpa sunt ea excepteur sunt qui. Amet mollit elit officia, nostrud
lorem exercitation, et in velit. Et aliqua eiusmod consequat cupidatat occaecat fugiat,
pariatur aliquip commodo incididunt laboris deserunt proident do, magna eiusmod.
Proident tempor enim id. Anim cupidatat reprehenderit ut commodo sunt ipsum aute
id.
Amet aute et anim tempor, ut amet velit aliquip aute lorem in est. Sed ut sed in sit qui,
enim fugiat mollit labore commodo. Incididunt pariatur sit ea exercitation, in veniam in
labore commodo cupidatat dolor do sit laboris enim nostrud laboris.