JSFiddle - React, Tailwind, and code Playground

by Renilson Meneguci

HTML

<ul class="tipologias scroll ">
                                <li>
                                    <a href="#white-felling" class="white-felling scroll">                                        
                                        <div class="orbit-caption">
                                            White Feeling
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#chocolate-sensation" class="chocolate-sensation scroll">
  
                                        <div class="orbit-caption">
                                            Chocolate Sensation
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#secret-vision" class="secret-vision scroll">
                                        <div class="orbit-caption">
                                            Secret Vision
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#passion-touch" class="passion-touch scroll">                                    
                                        <div class="orbit-caption">
                                            Passion Touch
                                        </div>
                                    </a>
                                </li>
                            </ul>


<div id="conteudo">
<p id="chocolate-sensation">
    <B>    CHOCOLATE</B><BR><BR>
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim...

JavaScript

jQuery(document).ready(function($) { 
    $(".scroll").click(function(event){        
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
   });
});