0

在我的 Web 应用程序中，我有一个 div 中的内容，该 div 将位于浏览器窗口的中心。
这个内容一开始是隐藏的，一次内容少，一次内容多，所以div的尺寸和左上角的位置发生了变化。

我使用 jQuery UI 定位实用程序来定位 div，但它无法处理隐藏元素。

到目前为止，我做了以下事情：
* div 是隐藏的（显示：无）并且不透明度为 0，“top”为 0，“left”为 0。
* 现在我从显示“none”更改为“block”。* 由于不透明度为 0，在窗口的左上角仍然无法识别 div。
* 在这种情况下，我将带有 jQ​​uery ui 位置的 div 定位到中心。
* 之后我从不透明度 0 更改为 1。 * 这样我希望用户不要看到从 0/0 到中心位置的“跳跃”。

现在我想简化我的小部件。
我想收起不透明度，只需从显示“无”更改为“块”并定位 div。

我将很快对其进行测试，我会看看我是否看到 div 从某个起始位置“跳跃”到目标位置。问题是我只有相对较快的机器进行测试。

如果有人告诉我，用户会在慢速机器/慢速浏览器上看到从初始位置到目标位置的跳跃，我不会用我的小部件进行任何更改。

非常感谢提前

4

1 回答 1

2

即使在速度非常快的机器上，您也会注意到它会跳到页面中间。保证。

相反，您应该使用visibility: hidden;而不是display: none;. 以这种方式隐藏的对象，仍然保持它们的盒子大小，并且你的位置插件将没有问题居中它。

visibility将属性切换到visible要显示 div 的时间。

于 2012-07-16T07:36:45.700 回答