가운데에서 시작하는 앵커 링크 스크롤바

Question

미안하지만 검색을 시도했지만 내 문제는 매우 구체적이라고 생각합니다.

그래서 두 개의 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'; 
        } 
      } 
     } 
    } 

모든 것이 잘 작동하지만 하나의 앵커를 클릭 한 후 아래로 스크롤하고 내가 또 다른 앵커를 클릭하면, 그것은 내가 마지막 앵커에 있던 곳으로 스크롤합니다.

<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> 

Newboxes 사업부 :

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

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

어떤 생각이나 도움이

업데이트

을 감상 할 수있다 : 나는 추가 노 운 앵커 링크에 다음과 같은 시도

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/