一个简单的问题:
我有一条通知消息,该消息在网页(使用jQuery show()
或hide()
)中总是可见或不可见,并且始终位于同一位置。我面临的问题是,当它出现时,它会将其下面的所有内容向下拖动,只是高度。
如何巧妙地处理这种情况,以保留(空白与否)区域,以便当该组件消失/出现时UI不会更改其高度?
答案 0 :(得分:4)
您可以使用jquery添加CSS属性show()
和hide()
来代替opacity:0
和opacity:1
。即使未显示元素,这也会留出空白。
答案 1 :(得分:1)
您可以使用css属性visibility: hidden;
和visibility: visible;
。这将留出空白,并且UI不会更改其高度。