2013-08-19 2 views
1

자바 스크립트로 시작하기 때문에 도움이 필요합니다. 내 웹 페이지에서 div를 토글하는 간단한 자바 스크립트가 있습니다. div는 잘 작동하지만 페이지의 꼬리말에 있기 때문에 열리 며 내용을 볼 수 없습니다. 전체 div를 볼 수 있도록 토글 스크롤을 어떻게 내리지 만합니까?자바 스크립트 토글 및 앵커

다른 스크립트와 비슷한 예제가 있지만 여기에서 적용 할 수 없습니다.

ele.scrollIntoView(); 

"상속"을 display을 설정 한 후 :

이것은이 추가

  <div id="IndexSlider"> 
       <a href="#showindex"><a id="displayText" href="javascript:toggle();">Show List</a></a> 
      </div> 
      <div id="showindex"> 
       The content here will be several lines of links. 
      </div> 

답변

0

시도 내 HTML 내 자바 스크립트

function toggle() { 
var ele = document.getElementById("showindex"); 
var text = document.getElementById("displayText"); 
if(ele.style.display == "inherit") { 
     ele.style.display = "none"; 
     text.innerHTML = "Show List"; 
} 
else { 
    ele.style.display = "inherit"; 
    text.innerHTML = "Show List"; 
} 
} 

입니다.

요소를 페이지 맨 위로 스크롤하려고 시도하지만 끝까지 최대한 위로 스크롤하려고합니다.

+0

Perfect! 매력처럼 작동하고 내가 필요로하는 것과 똑같은 시각으로 전체 부서를 데려옵니다. –

관련 문제