1000ship / react-scroll-motion

🎞 Easy to make scroll animation
https://1000ship.github.io/react-scroll-motion
MIT License
422 stars 47 forks source link

Hyperlink doesn't work #19

Open rafaneri opened 2 years ago

rafaneri commented 2 years ago

When I have a hyperlink button inner the content of the tag, the click not works properly.

<ScrollPage page={0}>
            <Animator animation={batch(Fade(), MoveOut(0, -100), Sticky())}>
              <section className="section-1">
                <div className="container ">
                  <div className="row ">
                    <div className="col-12">
                      <img src={Logo} />
                    </div>
                  </div>
                  <div className="row section-1 justify-content-center">
                    <div className="col-lg-6 col-xs-12 order-2 order-lg-1 ">
                      <h1 className="up-animation ">
                        Saúde em casa a um click de distância
                      </h1>
                      <br />
                      <h2 className="subtext up-animation ">
                        A era das salas de espera acabou. Chegou a hora de{" "}
                        <span className="subtext-highlight">
                          otimizar seu tempo
                        </span>{" "}
                        com o app que simplifica sua vida. Vai ficar de fora
                        dessa?
                        <span className="subtext-highlight">
                          {" "}
                          Vem de Quali!
                        </span>
                      </h2>
                        <a className="cta-btn s1-cta-btn up-animation " href="http://onelink.to/quali">
                        Baixe o app e navegue sem precisar se cadastrar
                        </a>
                    </div>
                    <div className="col-lg-6 col-xs-12 order-1 order-lg-2 align-self-center">
                      <div className="s1-hero-img-container up-animation ">
                        <img className="s1-hero-img" src={Hero} />
                      </div>
                    </div>
                  </div>
                </div>
              </section>
            </Animator>
          </ScrollPage>
1000ship commented 2 years ago

Probably I set the CSS property user-select: none; on some components. I'll take note this issue