Question about anchors

[DogBot]

To define my question I need to establish an example:
Let's say I have a web page (MYPAGE.HTML) and
this webpage is constrained in width.
This web page has 200 lines of text.
I have an anchor on line 30

<a name="myanchor">

and a link on the first line that points to that anchor

<a href="#myanchor">go to anchor</a>

If I click on the link the webpage will scroll up so that line 30
is now at the top of the browser window.

Here is the question.
I do not want line 30 to come to the top of the browser. I want it to come up to
the middle of the browser page (or any other point lower that the top of the page)
Say for example 50 pixels from the top.

I cannot do it by moving the anchor point to another line or adding another anchor point. I must do it using CSS or Javascript or both.

Don't be concerned about why, please, it will just complicate the question.My biggest problem so far has been explaining the problem!
But if you must know see this thread

Thanks

[RamananKalirajan]

Try This

I think this is what you are looking for.

Thanks and Regards
Ramanan Kalirajan

[DogBot]

Thanks Ramanan, this gives me the basic mechanism for doing this. As far as implementation I suppose I need to somehow dynamically get the current position of all anchors on the page and then programatically change them to that value + 300px(or whatever number I need)

Having said that I have no idea how one does that...but I will start searching the web for the first part (get the current position of all anchors on the page)
and go from there.

Again thanks

P.D. or maybe an "onclik" command? but this would imply inline JavaScript which i do not want to do to my client..I you have any ideas I'd appreciate them. Thanks

[Dormilich]

P.D. or maybe an "onclik" command? but this would imply inline JavaScript which i do not want to do to my client..

then use:

Element.onclick = fnName;
// or
Element.addEventListener("click", fnName, false); // true if you want to capture the event