[jonnekke]

How can I add:

var targBox2 = "box2";

to this script so it would work?...

var targBox = "box";
 
function init() {
    if (document.getElementById) {
        var atags = document.getElementsByTagName("A");
        for (var i=0;i<atags.length;i++) {
            var ca = atags[i];
            if (ca.href.indexOf("#") > -1) {
                ca.onclick = function() {
                    scrollDivToAnchor(this.href.split("#")[1]);
                }
            }
        }
    }
}
 
function scrollDivToAnchor(a) {
 
    var b = document.getElementById(targBox);
    b.scrollTop = document.getElementById(a).offsetTop - b.offsetTop;
 
    // alternately, if your elements are not nested within other nodes inside the box,
    // you could use document.getElementById(a).parentNode.scrollTop
    // that way you wouldn't need to specify the id of the scrollable box
 
}
 
if (navigator.userAgent.indexOf("Safari") > -1) {
    window.onload = init;
} 

[Nico]

Try.

var targBox2 = "box2"; 
 
function scrollDivToAnchor(a) {
 
    var b = document.getElementById(targBox);
    b.scrollTop = document.getElementById(a).offsetTop - b.offsetTop;
 
    var c = document.getElementById(targBox2);
    c.scrollTop = document.getElementById(a).offsetTop - c.offsetTop;
    // alternately, if your elements are not nested within other nodes inside the box,
    // you could use document.getElementById(a).parentNode.scrollTop
    // that way you wouldn't need to specify the id of the scrollable box
 
} 

And you might as well take a look at the comment. That could help too.

// alternately, if your elements are not nested within other nodes inside the box,
// you could use document.getElementById(a).parentNode.scrollTop
// that way you wouldn't need to specify the id of the scrollable box