需要关于定位初始隐藏对象的建议
Need advice concerning positioning initially hidden objects
在我的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
。
相关文章:
- 取消隐藏网站中的隐藏对象
- 编程实践-使用helper方法隐藏对象
- Three.js-显示/隐藏对象的一部分
- 需要关于定位初始隐藏对象的建议
- Javascript:如何隐藏对象的属性
- 使可见对象隐藏和隐藏对象可见
- 如何使用单击和转义键隐藏对象
- 隐藏对象并通过单击显示它
- wordpress中的jQuery——隐藏对象
- 如何在使用console.log时隐藏对象上的一些密钥
- 在iframe中的脚本中隐藏对象的某些属性
- 隐藏对象's字段
- Javascript隐藏对象元素数据值的子节点
- 动态循环JSON,并在设置间隔后显示和隐藏对象元素
- 如何在Javascript中动态隐藏对象
- 在点击按钮时显示隐藏对象(PHP与javaScript)
- MTURK:在预览中隐藏对象,显示何时接受HIT (URL在预览中更改,根据URL隐藏)
- 使用css隐藏对象
- 只打印隐藏对象标签的内容
- 隐藏对象属性从所有对象除了一个在javascript