锚链接滚动条从中间开始

Question

抱歉，我尝试过搜索，但我认为我的问题非常具体。

所以我有 2 个 div，一个带有锚标签，然后是主要内容 div。在主要内容 div 中，我有以下脚本来隐藏内容 div 中的不同 div 以隐藏和显示活动的锚链接。

 function showonlyone(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("class");
                  if (name == 'newboxes') {
                        if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                  }
                  else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
    }

一切正常，但是当我在单击一个锚点后向下滚动，然后单击另一个锚点时，它会滚动到我在最后一个锚点上的位置。我尝试将以下内容添加到锚链接中，但没有成功：

    function scrollWin()
{
scrollTo(0,0);
}

任何想法或帮助将不胜感激

更新：

<a href="#x1" onclick="showonlyone('newboxes1')"><span class="subsection1">1 Introduction</span></a><br>
<a href="#x1.1" onclick="showonlyone('newboxes2')"><span class="subsection">1.1 What version am I using?</span></a>

新盒子 div：

<div class="newboxes" id="newboxes38">

CSS：

#bigbox {
position: fixed;
margin-left:31.7%;
margin-right:auto;
overflow-y:scroll;
overflow-x:hidden;
width:53.25%;
height: 89%;
background-color:#fff;
padding:2em;
border-right:1px grey solid;
border-left:1px grey solid;
padding-bottom: 3em;

}

Answer 1

function showonlyone(thechosenone) {
    var newboxes = document.getElementsByTagName("div");
    for(var x=0; x<newboxes.length; x++) {
        name = newboxes[x].getAttribute("class");
        if (name == 'newboxes') {
            if (newboxes[x].id == thechosenone) {
                newboxes[x].style.display = 'block';                        
            } else {
                newboxes[x].style.display = 'none';                        
            }
            newboxes[x].scrollTop = 0; //scrolls all divs to the top
        }
    }
}

小提琴示例：http://jsfiddle.net/d52k62vp/5/