當div打開時，自動向下滾動頁面

Question

當我點擊一個按鈕時，我有一個隱藏的div可以通過滑動功能打開/關閉（見下文）。這很好。但是，我希望當div打開/關閉時，我的頁面底部向下/向上自動滾動。我的頁面底部必須與打開的div的底部對齊，並在div下面留出一些額外的空白，這樣打開的div才能被我的頁面的訪問者看到。我怎樣才能做到這一點？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("#button_toggle_XRT").click(function() { 
     $("#XRT_overview").slideToggle(1000); 
}); 
}); 
</script> 

Answer 1

嘗試將您的div封裝在另一個div中。你必須用外部div來做一些額外的CSS，但是這應該保持一切都在檢查中。現在，您將slideToggle()應用於內部div，而不是外部div。我做了一個jsBin助陣：

http://jsbin.com/pacecibugu/edit?html,output

這將是這個樣子：

<div style="height:200px;background-color:gray;" id="clickableDiv"> 

    <div style="height:190px;background-color:lightgray;" id="toggledDiv"> 
     <p>Here's my div</p> 
    </div> 

</div> 

<script> 

    $(document).ready(function() { 

     $("#clickableDiv").click(function() { 
     $("#toggledDiv").toggle(); 
     }); 

    }); 

</script>