jquery - 折叠和展开的 DIV 问题

Question

我试图改变代码，但由于某种原因它没有按预期工作。我想将 DIV 放在中间，在折叠/展开时我希望它平滑地向下或向上滑动。如果您单击显示/隐藏页面切换，我似乎无法弄清楚原因。

Answer 1

移位是滚动条根据网页高度显示或隐藏的结果。您可以保留滚动条，因此不会发生移位

html {
       overflow-y: scroll;
}

Answer 2

我没有看到任何变化，但是为了居中，给它（#sd 规则）一个宽度（除了 95%——更接近图像宽度的东西，比如 550px）并将边距设置为margin:0 auto. 也摆脱align:center规则。

#sd {
    width: 550px;
    margin: 0 auto;
}

Answer 3

页面正在移动，因为当公告展开时，它会显示垂直滚动条，因此将页面内容向左移动 18px（通常）。有几种方法可以克服这个问题，快速而肮脏的解决方法是将您的页面最小高度设置为 Announcement 展开时的高度，或者您可以通过设置overflow-y:scroll在 body 上来达到相同的结果。有更清洁的解决方案，但是现在如果您知道原因，我相信您会为您的特定要求找到一个好的解决方案。