2014-04-01 41 views
-1

有人可以幫助,我目前使用JavaScript來顯示一個隱藏的div,當一個複選框被選中,我也希望它在div顯示爲自動後自動滾動頁面div的焦點,目前它沒有做任何事情,我希望它向下滾動一定的百分比,如5%或什麼東西把div集中在頁面上,有人可以告訴我如何做到這一點?在檢查上的JavaScript滾動到頁面底部

的javascript:

<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

check [here](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'是您要向下滾動到的頁面的百分比。