当前位置 : 主页 > 网页制作 > css >

你如何避免布局div上的JQuery切换()导致布局移动?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我有一个 JQuery函数切换我的布局中的一个div.问题是当div出现或消失时,整个布局在屏幕上移动.有没有办法在不改变布局的情况下实现相同的显示/隐藏效果? script $(document).ready(function
我有一个 JQuery函数切换我的布局中的一个div.问题是当div出现或消失时,整个布局在屏幕上移动.有没有办法在不改变布局的情况下实现相同的显示/隐藏效果?

<script>
  $(document).ready(function(){
    $("button").click(function () {
      $("#layoutDiv").toggle();
    });
  });
</script>
您可以将该div包装在另一个div中,该div保持适当的宽度/高度以保持布局一致.

<div style="width:300px;height:200px">
  <div class="animateMe">
    <p>When I close, the outer div will still be there.</p>
  </div>
</div>

如果您事先不知道高度/宽度,可以在页面加载时使用javascript以编程方式设置它.只需获取可折叠div的.width()和.height()值,并将它们应用于外部div的css.

网友评论