scroll i overflow:hidden-box

Jag undrar hur man ska göra för att ha en box som är lika stor som webbläsarfönstret med overflow:hidden och sen ha ett lager som är mycket större under som ska scrollas me hjälp av ett javascript.

För att få boxen så stor som webbläsaren har ja gjort såhär:

div#synlig_konreiner {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
#synlig_konteiner {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 0px;
}
body > div#synlig_konteiner {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

Hur ska boxen som ska scrollas se ut?

Om boxen ser ut såhär:

div#scrollbox {
	position:absolute;
	height:inherit;
	width:inherit;
	overflow:scroll;
}

Så verkar det fungera förutom att man inte kan använda ankare eller javascript-scrollen.
Vad har jag gjort för fel?