jQuery - 淡入/淡出项目,同时保留流程布局

Question

我的网络应用程序中有一个项目列表; 每个都有一组排列在它下面的命令按钮.

为了保持界面清洁,只有当您将鼠标悬停在项目上时,这些按钮才会显示.按钮包含在具有以下CSS属性的标记中:visibility: hidden

这样可以保留布局 - 这样当按钮显示时,列表项不会跳转.

我想要做的是使用jQuery淡入/淡出按钮.但是,默认方法(fadeIn(), fadeOut())似乎使用display: none,它从流中删除按钮.

我需要的是一种使用visibility属性淡入或淡出它们的方法.所以,在我开始搜索之前,有没有人知道这样做的一种显而易见的方法,我错过了？

干杯

Answer 1

滚动你自己的淡出,像这样:

$(this).animate({opacity: "0.0"});

Answer 2

为要淡入淡出的元素创建空的包装 DIV（指定尺寸）。淡化里面的东西。或者，您可以将其淡入淡出至 1%，这样它仍会占用空间，但几乎不可见。