2012-07-16 55 views
0

在我的Web应用程序中,我有一个div内容,它位于浏览器窗口的中心。
该内容在开始时被隐藏,一次只有少量内容,另一次是多少内容,因此div的大小和左上角的位置会发生变化。需要关于定位初始隐藏对象的建议

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

到现在为止我做了以下内容:
*股利是隐藏的(显示:无),并具有透明度0,“顶”是0和“左”为0
*现在,我从显示屏更改为“无“到”阻止“。 *由于不透明度0,div在窗口的左上角仍不可识别。
*在这种情况下,我将div与jQuery ui的位置置于中心位置。
*之后,我从不透明度0更改为1. *这种方式我希望用户不要看到从0/0跳到中心位置。

现在我想简化我的小部件。
我想放弃不透明度,只需从显示“无”改变为“块”并定位div。

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

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

非常感谢提前

+0

您的Web应用程序的地址? – osyan 2012-07-16 07:40:36

回答

2

你会发现它跳转到页面中部甚至是非常快的机器上。保证。您可以使用visibility: hidden;而不是display: none;。以这种方式隐藏的对象,仍然保持其盒子大小和位置插件将没有问题居中。

当您要显示div时,请将visibility属性切换为visible