2014-04-01 2 views
-1

누군가가 도움을 줄 수 있습니다. 현재 javascript를 사용하여 확인란을 선택했을 때 숨겨진 div를 표시하고 있으며 div가 표시 될 때 자동으로 페이지가 아래로 스크롤되기를 원합니다. div에 초점을 맞 춥니 다. 아무 것도하지 않고 5 % 정도의 특정 백분율만큼 아래로 스크롤하여 페이지에 초점을 맞추고 싶습니다. 누군가이 방법을 보여줄 수 있습니까?javascript on check scroll 페이지의 하단에

자바 스크립트 :

<script> 
     function showMore(more) { 
      document.getElementById("content3").style.display = more.checked ? "block" : "none"; 
document.body.scrollBottom = document.documentElement.scrollBottom = 10%; 
     } 
    </script> 

HTML :

<input type="checkbox" id="tick2" class="tick2" name="tick2" value="0" onClick="showMore(this);" /> 
+0

세 번째 줄에'= '기호가 두 개 필요하지 않을 것이라고 확신합니다. –

+0

확인 [여기] (http://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page) –

+0

가능한 복제본 [페이지 하단으로 자동 스크롤] (http : //stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page) –

답변

1

사용 window.scrollTo(0,document.body.scrollHeight);는 페이지 하단으로 스크롤합니다.

하단 10 %로 스크롤하려면 페이지 높이에서 화면 높이를 가져 가야합니다.

window.scrollTo(0,((document.body.scrollHeight - window.innerHeight)/100) * 90);이 필요합니다. 여기서 '90'은 스크롤하려는 페이지의 백분율입니다.