首先执行的css转换,然后其余的css更改跟随

时间:2016-09-30 11:40:16

标签: jquery css-transitions

我不确定如何解释这个问题......这更像是一个理论问题,如何做到这一点......

在我的标题元素上,我使用:

transition: top 0.2s ease-in-out

当我向上滚动时,设置一个班级,标题显示为过渡。如果我滚动到顶部或向下滚动它将再次隐藏转换。这部分有效,所以我没有在这里发布所有的CSS。

我在网站上有这个标题,但是当我在向上滚动时显示它时,它被css修改,一些部分被隐藏,一些部分是不同的填充等。

问题是,这种风格的变化立即发生,而缓和过渡当然不会发生。

当显示这个小的固定标题时,在完全显示之后,填充等已经被校正。但是当转换离开屏幕时,我首先看到标题已更改为默认大小然后消失。这有点合乎逻辑,但我想知道如何在转换之后延迟css更改,这可能吗?

或者是制作另一个标题的唯一方法,直到我需要它(这会产生重复的代码),但是比从流中取出它,转换它并再次隐藏它要容易得多,因为过渡现在看到了转型。

也许我应该使用jquery转换并首先进行转换,然后在隐藏时更改css样式?

0 个答案:

没有答案