在我的Web应用程序中,我在div中有内容,它将位于浏览器窗口的中心 此内容在开头隐藏,一次内容很少,另一次内容很多,因此div的尺寸和左上角的位置会发生变化。
我使用jQuery UI位置实用程序来定位div,但它无法处理隐藏的元素。
到目前为止,我做了以下事项:
* div是隐藏的(显示:无)并且具有不透明度0,“top”为0且“left”为0
*现在我从显示“无”更改为“阻止”。
*由于不透明度0,窗口的左上角仍无法识别div
*在这种情况下,我将div与jQuery ui位置放在中心位置
*之后我从不透明度0变为1。
*这样我希望用户不要看到从0/0到中心位置的“跳跃”。
现在我想简化我的小部件 我想收起不透明度,只需从显示“无”更改为“阻止”并定位div。
我很快就会测试它,我会看到div是否从某个开始位置“跳跃”到目标位置。问题是我只有相对较快的机器进行测试。
如果有人告诉我用户会看到在慢速机器/慢速浏览器上从初始位置跳到目标位置,我不会用我的小部件改变任何东西。
非常感谢
答案 0 :(得分:2)
即使在非常快的机器上,您也会注意到它跳到了页面的中间位置。保证。
相反,您应该使用visibility: hidden;
代替display: none;
。以这种方式隐藏的对象,仍然保持其盒子大小和位置插件将没有问题集中在它。
如果要显示div,请将visibility
属性切换为visible
。