vue 中使用vue-scroll-reveal 滚动时原本显示的隐藏掉了

Z时代
2024-02-27
分类：IT

页面刷新时，一些隐藏的内容显示出来了，滚动时直接给隐藏掉了。有没有大佬知道怎么解决这个问题

// main.js
import VueScrollReveal from 'vue-scroll-reveal'
Vue.use(VueScrollReveal, {
  class: 'v-scroll-reveal',
  duration: 1500,
  scale: 0.4,
  distance: '700px',
  reset: true,
  mobile: false,
  opatity: 0,})

<template>
  <section class="ban_info flex abs">
    <header class="ban_hd flex">
      <h2 v-scroll-reveal.reset="{ origin: 'right' }" class="tit">
        {{ infos.h2 }}
      </h2>
      <h3 v-scroll-reveal.reset="{ origin: 'right' }" class="ttu">
        {{ infos.h3 }}
      </h3>
    </header>
    <div class="infos_desc">
      <p v-scroll-reveal.reset="{ origin: 'left' }" class="cent">
        {{ infos.p }}
      </p>
    </div>
    <a
      v-if="infos.aCls"
      v-scroll-reveal.reset="{ origin: 'bottom' }"
      class="down_btn"
      :class="infos.aCls"
    ></a>
  </section></template>