What is proper way to "home" a web page?

I've defined a button ("Go To Top") and placed it at the bottom of each long web page. When I first placed it, it seemed to Go To Top when Link To Anchor was selected, but no anchor was specified.

It stopped working following some other changes. So, I've changed it to link to a field near the top of the page, but the action doesn't go all the way to the top.

Is there a general-purpose setting that will reliably position back to the very top? ... as if the page had just been called.

Thanks for any help.

Anchors are the correct method and should work every time.
Name a small object top and place it on the top edge of your page, then for the GO TO TOP link, choose 'link to anchor' top in Web properties.

No reason this shouldn't work that I can think of.

You can create anchors to any position on the page. Make them 99% transparent or the same colour as your background to keep them hidden.

Quote:

---

Originally Posted by sledger

Name a small object top and place it on the top edge of your page ...

---

I was hoping to avoid placing "nav" objects. Also, what if the entire page is offset 1/4" from the top? Does the nav object have to be "off page"? Will that cause other problems?

I guess I'll have to experiment with a test layout.

Thanks for your suggestions.

Quote:

---

Originally Posted by Contours

I was hoping to avoid placing "nav" objects.

---

You have to use a named an object as an anchor.

Quote:

---

Originally Posted by Contours

Also, what if the entire page is offset 1/4" from the top?

---

What about it? The point of the anchor is for the browser to 'jump' to the anchor (via a link to it) where ever it is on the page.

Quote:

---

Originally Posted by Contours

Does the nav object have to be "off page"? Will that cause other problems?

---

No.
As I said, you can place it on the page and either make it the same colour as the backround or make it 99% transparent.

It's quite simple, try not to over think it.

► Create named object on your page at the position you want to jump to
► Create link to anchor (that named object).

I attached a sample in my first post, I notice it hasn't been downloaded - not interested?

Quote:

---

Originally Posted by sledger

I notice it hasn't been downloaded - not interested?

---

I'm not on my development computer right now. Tomorrow, I will be. And, yes, I'm probably overthinking. I'll try what you suggested.

Thanks.

Contours, there are three other approaches you could try:

1. Put "#" in the Link to Web box for your Top of Page button: this changes the URL form ../index.htm to ../index.htm#, adding an implicit top of page anchor .
2. Instead, try "./index.htm" to avoid the # anchor.
3. A JavaScript link of "javascript:document.location.reload(true)" also works.

This isn't necessary, because the Xara html filter adds the anchor href on export.

If you preview my attached example above and view the source you may see this for yourself.

EG: <a href="#bottom">GO TO BOTTOM</a>

Remember, Xara Web Designer - 'No HTML knowledge' necessary ;)

sledger, I read Contours' request in his statement,

Quote:

---

Originally Posted by Contours

I was hoping to avoid placing "nav" objects.

---

to means just that. You have two named artifacts in your anchor.xar example.
To avoid encroaching your "'No HTML knowledge' necessary" suggestion, I see no issue with a Xara solution of Web Properties > Link > Link to: Page: index or whatever page the Go To Top button is placed.

Your anchor.xar solution does seem to use Xara smarts as the top and bottom anchors seem to work for second and subsequent pages without jumping in to alter the link detail.

Acorn