【发布时间】：2018-12-22 00:34:46
【问题描述】：
只是一个简单的问题：
我有一条在网页中可见或不可见的通知消息（使用 jQuery show() 或 hide()），总是在同一个地方。我面临的问题是当它出现时，它会拖下它下面的所有内容，只是它的高度。
我怎样才能巧妙地处理这种情况以留下一个（空白或非空白）区域，以便当该组件消失/出现时 UI 不会改变其高度？
【问题讨论】：
标签： javascript jquery html css styles
【发布时间】：2018-12-22 00:34:46
【问题描述】：
除了使用show() 和hide()，您可以在jquery 中添加css 属性opacity:0 和opacity:1。即使元素未显示，这也会留下空白。
【讨论】：
-
类似这样的：
$("yourselectorhere")[0].style.opacity = 0;或者设置为 1 -
谢谢！最后使用api.jquery.com/fadeTo函数让它更短。
您可以使用 css 属性 visibility: hidden; 和 visibility: visible;。这将留下一个空白区域，并且 UI 不会更改其高度。
【讨论】：