5 replies

Tailwind smooth scroll

Hello,

It is probably super simple but I have a simple react app in vite, the app.tsx looks like this

<div className="scroll-smooth">
  <Navbar theme={theme} toggleTheme={toggleTheme} />
  <section id="">
    <Hero />
  </section>
  <section id="about">
      <About />
  </section>
  <section id="skills">
       <Skills />
  </section>
</div>

<div className="scroll-smooth">
  <Navbar theme={theme} toggleTheme={toggleTheme} />
  <section id="">
    <Hero />
  </section>
  <section id="about">
      <About />
  </section>
  <section id="skills">
       <Skills />
  </section>
</div>

<div className="scroll-smooth">
  <Navbar theme={theme} toggleTheme={toggleTheme} />
  <section id="">
    <Hero />
  </section>
  <section id="about">
      <About />
  </section>
  <section id="skills">
       <Skills />
  </section>
</div>

<div className="scroll-smooth">
  <Navbar theme={theme} toggleTheme={toggleTheme} />
  <section id="">
    <Hero />
  </section>
  <section id="about">
      <About />
  </section>
  <section id="skills">
       <Skills />
  </section>
</div>

If I click on an anchor that has #about for example it just jumps instantly, everything online says it should be scroll-smooth.

Tailwind smooth scroll

Similar Threads

Similar Threads

Similar Threads