需要关于定位初始隐藏对象的建议

Need advice concerning positioning initially hidden objects

本文关键字:隐藏 对象 于定位 定位      更新时间:2023-09-26

在我的Web应用程序中,我有一个div中的内容,它将位于浏览器窗口的中心
这个内容隐藏在一开始,一次内容很少,另一次内容很多,所以div的尺寸和左上角的位置都会改变。

我使用jQueryUI定位实用程序来定位div,但它不能处理隐藏的元素。

到目前为止,我做了以下操作:
*div是隐藏的(display:none),不透明度为0,"top"为0,而"left"为0。
*现在我从显示"无"变为"阻止"。*由于不透明度为0,div在窗口的左上角仍然无法识别
*在这种情况下,我将带有jQueryui的div定位在中心位置
*之后,我将不透明度从0更改为1。*通过这种方式,我希望用户不要看到从0/0到中心位置的"跳跃"。

现在我想简化我的小部件
我想去掉不透明度,只需从显示"无"变为"块",并定位div。

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

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

提前感谢

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

相反,您应该使用visibility: hidden;而不是display: none;。以这种方式隐藏的对象,仍然保持其框大小,您的位置插件将不会有问题居中。

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