需要有关定位最初隐藏物体的建议

时间:2012-07-16 07:24:43

标签: javascript jquery css jquery-ui

在我的Web应用程序中,我在div中有内容,它将位于浏览器窗口的中心 此内容在开头隐藏,一次内容很少,另一次内容很多,因此div的尺寸和左上角的位置会发生变化。

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

到目前为止,我做了以下事项:
* div是隐藏的(显示:无)并且具有不透明度0,“top”为0且“left”为0 *现在我从显示“无”更改为“阻止”。 *由于不透明度0,窗口的左上角仍无法识别div *在这种情况下,我将div与jQuery ui位置放在中心位置 *之后我从不透明度0变为1。 *这样我希望用户不要看到从0/0到中心位置的“跳跃”。

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

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

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

非常感谢

1 个答案:

答案 0 :(得分:2)

即使在非常快的机器上,您也会注意到它跳到了页面的中间位置。保证。

相反,您应该使用visibility: hidden;代替display: none;。以这种方式隐藏的对象,仍然保持其盒子大小和位置插件将没有问题集中在它。

如果要显示div,请将visibility属性切换为visible