代码之家 › 专栏 › 技术社区 › andcl

即使在显示时也为元素留出空间:无[重复]

styles css html jquery javascript

andcl · 技术社区 · 7 年前

这个问题已经有了答案:

只是一个简单的问题: 我有一个可以在网页中看到或不可见的通知消息(使用jquery show() 或 hide() ),总是在同一个地方。我面临的问题是,当它出现时,它会拖下它下面的所有内容,只是它的高度。

如何巧妙地处理这种情况,以便在该组件消失/出现时,用户界面不改变其高度,而保留一个(空白或非空白)区域?

2 回复 | 直到 7 年前

Aryan Twanju 7 年前

而不是使用 show() 和 hide() ,您只需添加css属性 opacity:0 和 opacity:1 使用jquery。即使没有显示元素,也会留下空白。

Girisha C 7 年前

您可以使用css属性 visibility: hidden; 和 visibility: visible; 是的。这将留下一个空白,用户界面不会改变其高度。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

9 月前

Mass · 如何在Tailwind CSS v4中创建配置

9 月前

magenta placenta · 将css变量合并为一个变量

9 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

9 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

10 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

10 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

10 月前

Luckkks · 过渡色工作不正常

10 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

10 月前