即使显示也没有元素留出空间:无

时间:2018-07-13 15:20:32

标签: javascript jquery html css styles

一个简单的问题: 我有一条通知消息,该消息在网页(使用jQuery show()hide())中总是可见或不可见,并且始终位于同一位置。我面临的问题是,当它出现时,它会将其下面的所有内容向下拖动,只是高度。

如何巧妙地处理这种情况,以保留(空白与否)区域,以便当该组件消失/出现时UI不会更改其高度?

2 个答案:

答案 0 :(得分:4)

您可以使用jquery添加CSS属性show()hide()来代替opacity:0opacity:1。即使未显示元素,这也会留出空白。

答案 1 :(得分:1)

您可以使用css属性visibility: hidden;visibility: visible;。这将留出空白,并且UI不会更改其高度。