我不确定如何解释这个问题......这更像是一个理论问题,如何做到这一点......
在我的标题元素上,我使用:
transition: top 0.2s ease-in-out
当我向上滚动时,设置一个班级,标题显示为过渡。如果我滚动到顶部或向下滚动它将再次隐藏转换。这部分有效,所以我没有在这里发布所有的CSS。
我在网站上有这个标题,但是当我在向上滚动时显示它时,它被css修改,一些部分被隐藏,一些部分是不同的填充等。
问题是,这种风格的变化立即发生,而缓和过渡当然不会发生。
当显示这个小的固定标题时,在完全显示之后,填充等已经被校正。但是当转换离开屏幕时,我首先看到标题已更改为默认大小然后消失。这有点合乎逻辑,但我想知道如何在转换之后延迟css更改,这可能吗?
或者是制作另一个标题的唯一方法,直到我需要它(这会产生重复的代码),但是比从流中取出它,转换它并再次隐藏它要容易得多,因为过渡现在看到了转型。
也许我应该使用jquery转换并首先进行转换,然后在隐藏时更改css样式?