Vuetify渐变在滚动

Question

我试图在第一次滚动页面时添加淡入效果。

我试过使用<v-scroll-x-transition appear>，但似乎没有效果。元素以默认方式淡入，而不是从右侧淡入，因为自定义转换应该起作用。

这样做的目的是让它们使用Vuetify中提供的转换或自定义转换出现。

下面是带示例的代码笔：https://codepen.io/pokepim/pen/PozepBw

Answer 1

<v-scroll-x-transition>实际上并不影响<v-img>的转换。相反，将<v-img>的transition属性设置为slide-x-transition:

<!-- BEFORE -->
<v-scroll-x-transition appear>
<v-img .../>
</v-scroll-x-transition>
<!-- AFTER -->
<v-img transition="slide-x-transition" .../>

演示