i've thrown this together in a couple of secs so i hope it's understandable! All you need to do is pass up the name of the layer (<div></div>) that you want to scroll to, to doSelect()
This script is netscape 6/mozilla and IE compatible
hope this helps!
m_n
script below:
<html>
<head>
<title>anchor thingy</title>
<script language="JavaScript">
function doSelect(sel) {
var tLyr = eval( 'document.getElementById("'+sel+'")' )
window.scrollTo( parseInt(tLyr.style.left),parseInt(tLyr.style.top))
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:126px; height:23px; z-index:1; left: 14px; top: 37px">
<p><a href="#topAnchor">top</a></p>
<p>anchor 1</p>
<p>dsfsdafdsf</p>
<p>sdafsdfdsf</p>
<p>dsfsdfasdf</p>
</div>
<div id="Layer2" style="position:absolute; width:135px; height:320px; z-index:2; left: 12px; top: 245px">
<p><a href="#topAnchor">top</a></p>
<p><font color="#3300CC">anchor 2</font></p>
<p><font color="#3300CC">dsafasdfsadf</font></p>
<p><font color="#3300CC">dsfdsfa</font></p>
<p><font color="#3300CC">sdfasdfdsaf</font></p>
<p><font color="#3300CC">dsafasdfsdaf</font></p>
<p><font color="#3300CC">dsafadsfdsf</font></p>
<p><font color="#3300CC">dsfsdfdsafsdf</font></p>
<p><font color="#3300CC">sadfdsfsdfds</font></p>
<p><font color="#3300CC">sdfdsfsa</font></p>
</div>
<div id="Layer3" style="position:absolute; width:137px; height:260px; z-index:3; left: 13px; top: 625px">
<p><a href="#topAnchor">top</a></p>
<p><font color="#FF9900">anchor 3</font></p>
<p><font color="#FF9900">dsafdsfdsaf</font></p>
<p><font color="#FF9900">dsafadsfdsafsd</font></p>
<p><font color="#FF9900">dsfdsafdsfas</font></p>
<p><font color="#FF9900">sdafsdfadsf</font></p>
<p><font color="#FF9900">dsafsdfdsa</font></p>
<p><font color="#FF9900">dsafdsfds</font></p>
<p><font color="#FF9900">adsfdsfsd</font></p>
<p><font color="#FF9900">asdfdsfds</font></p>
</div>
<div id="Layer4" style="position:absolute; width:135px; height:318px; z-index:4; left: 17px; top: 1005px">
<p><a href="#topAnchor">top</a></p>
<p><font color="#FF0000">anchor 4</font></p>
<p><font color="#FF0000">sdafdsafsda</font></p>
<p><font color="#FF0000">dsafsdafads</font></p>
<p><font color="#FF0000">dsfadsfds</font></p>
<p><font color="#FF0000">sadfdsafsad</font></p>
<p><font color="#FF0000">sdfdsafasd</font></p>
<p><font color="#FF0000">sdfdsfads</font></p>
<p><font color="#FF0000">asdfsdfsdaf</font></p>
<p><font color="#FF0000">sdafdsfsda</font></p>
</div>
<div id="Layer5" style="position:absolute; width:137px; height:115px; z-index:5; left: 17px; top: 1389px">
<p><a href="#topAnchor">top</a></p>
<p><font color="#00CC33">anchor 5</font></p>
<p><font color="#00CC33">asdasdsadf</font></p>
<p><font color="#00CC33">sfdsdfgdfg</font></p>
<p><font color="#00CC33">fsdgsdfgsdf</font></p>
<p><font color="#00CC33">asdasdasd</font></p>
<p><font color="#00CC33">dsfgdsgsfdgds</font></p>
<p><font color="#00CC33">dfgdsfgfd</font></p>
<p><font color="#00CC33">fdsgsdfgfdg</font></p>
<p><font color="#00CC33">dsfgfdgdf</font></p>
<p><font color="#00CC33">dsfgdfgdf</font></p>
<p><font color="#00CC33">dfsgdfgdfs</font></p>
<p><font color="#00CC33">fdgdsfgfdgsd</font></p>
</div>
<div id="selectLyr" style="position:absolute; width:200px; height:100px; z-index:6; left: 150px; top: 10px">
<a name="topAnchor">my top anchor</a><br>
<form name="selectForm">
<select name="select" onChange="doSelect(this.value);this.form.reset()">
<option selected>-= choose anchor -=</option>
<option value="Layer1">anchor 1</option>
<option value="Layer2">anchor 2</option>
<option value="Layer3">anchor 3</option>
<option value="Layer4">anchor 4</option>
<option value="Layer5">anchor 5</option>
</select>
</form>
</div>
</body>
</html>