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