使用切换打开div时自动向下滚动页面

时间:2016-10-10 20:48:48

标签: javascript toggle

当我点击按钮时,我有一个隐藏的div,它通过一个slidetoggle功能打开/关闭(见下文)。这很好用。但是,当打开/关闭div时,我希望页面的底部向下/向上自动滚动。我的页面底部必须与打开的div的底部对齐+ div下方的一些额外边距,以便我的页面的访问者可以看到打开的div。我怎么能这样做?

toBecapped

1 个答案:

答案 0 :(得分:0)

尝试将div包装在另一个div中。你将不得不使用外部div做一些额外的CSS,但这应该控制一切。现在,您将<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> 应用于内部div,而不是外部div。我已经制作了一个jsBin来帮忙:

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

它看起来像这样:

sqrt(1+x)