2011-03-23 7 views
0

처음에는 div 요소가 숨겨져 있습니다. 버튼을 클릭하면 나타납니다. 문제는이 div에 스크롤이 있고 스크롤 할 때 나타나는 것입니다. 이 문제를 어떻게 해결할 수 있습니까?끝에서 스크롤이있는 div 요소

<div style="width: 412px; height: 351px; overflow: auto; position: relative;"> 
    <div style="width: 540px;"> 
     Here is a form 
    </div> 
</div> 

첫 번째 사업부가이 시작 부분에 숨겨져 있습니다 :

코드는 다음과 같은 것입니다.

+0

몇 가지 코드를 표시 할 수 있습니까? div에 뭐가 들어 있니? div를 표시하는 데 사용하는 코드는 무엇입니까? –

+0

코드를 사용하여 원래 질문을 편집하고 코드 형식으로 표시되는지 확인하십시오. –

답변

0

div를 표시하는 버튼에서 div를 최상위로 스크롤하도록 설정하려면이 자바 스크립트를 추가하십시오.

document.getElementById ('id'). scrollTop = 0; 귀하의 코멘트 당


, 버튼의 코드를 수정하지 않고 스크롤을 설정하려는 경우, 당신은 페이지로드를 실행 시도 할 수 :

<body onload="javascript: document.getElementById('id').scrollTop = 0;"> 

을 또는 당신의 맨 아래에 그것을 실행할 수 있습니다 페이지 :

<script type="text/javascript"> 
    document.getElementById('id').scrollTop = 0; 
</script> 
+0

버튼의 코드를 변경하지 않고 어떻게 해결할 수 있습니까? – Torque

+0

은 내 대답에 다른 옵션을 추가했습니다. 확실하지 - 당신이 버튼을 편집 할 수없는 경우, 당신은 HTML을 어디서나 편집 할 수 있습니까? – Dave

0

코드를 보여 주거나 링크를 제공하거나 사람들이보고 디버그 할 수 있도록 테스트 페이지를 만드는 것이 좋습니다. 어떤 상황이 없이는 어떤 일이 벌어지고 있는지보기가 어렵습니다.

여기, 내가 믿는 것을 예입니다 당신이 원하는 것을 보여줍니다 http://jsbin.com/emoji4/edit

이것은 jQuery 라이브러리를 사용하기 때문에 나는 그것이 당신의 요구를 충족 모르겠어요.