2016-10-10 13 views
1

ボタンをクリックしたときに、slidetoggle関数(以下を参照)を介して非表示のdivを開いたり閉じたりしています。これはうまくいく。しかし、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> 

答えて

0

divを別のdivで折り返してみてください。あなたは外側のdivといくつかの追加のCSSを行う必要がありますが、それはすべてをチェックする必要があります。今度は、内側のdivにはslideToggle()を適用し、外側のdivには適用しません。私は助けるためにjsBinを作りました:

<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> 

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

このような何かを探すようになるだろう

関連する問題