JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    
   <ul class="menu">
       <li><a href="#about" class="navigation">O nama</a></li>
       <li><a href="#usluge" class="navigation">Usluge</a></li>
        <li><a href="#contact" class="navigation">Kontakt</a></li>
       
   </ul>
    
</nav>


<div id="about" class="container">
    <h1>O nama</h1><span class="up">^</span>
    Pozdrav ekipa dal neko zna bilo je ovdje na forumu prije par dana jedna scripta sa githuba i nemogu je nemogu je nikako nac vise.

Evo da ukratko opisem to je javascript meni znaci gore imam izbornik home about gallery contact i kad kliknem samo mi odskrola na taj dio i u url bude mojadoma.com/#about , mojadoman.com/#contact tog tipa
</div>

<div id="usluge"  class="container">
        <h1>Usluge</h1>    <span class="up">^</span>

    Pozdrav ekipa dal neko zna bilo je ovdje na forumu prije par dana jedna scripta sa githuba i nemogu je nemogu je nikako nac vise.

Evo da ukratko opisem to je javascript meni znaci gore imam izbornik home about gallery contact i kad kliknem samo mi odskrola na taj dio i u url bude mojadoma.com/#about , mojadoman.com/#contact tog tipa
</div>

<div id="contact"  class="container">
        <h1>Kontakt</h1>  <span class="up">^</span>
    Pozdrav ekipa dal neko zna bilo je ovdje na forumu prije par dana jedna scripta sa githuba i nemogu je nemogu je nikako nac vise.

Evo da ukratko opisem to je javascript meni znaci gore imam izbornik home about gallery contact i kad kliknem samo mi odskrola na taj dio i u url bude mojadoma.com/#about , mojadoman.com/#contact tog tipa
</div>

CSS

.container {
    margin:100px auto;
    width:400px;
    display:block;
    
}

.up {
    border-radius:100%;
    width:50px;
    height:50px;
    display:none;
    float:right;
    margin-top:-60px;
    background-color:#ccc;
    color:#000;
    font-weight:bold;
    text-align:center;
    font-size:25px;
    line-height:50px;
    cursor:pointeR;
    
    
}

JavaScript

jQuery(document).ready(function(){
    $(".navigation").click(function(e){
       e.preventDefault();
    $('html,body').animate({scrollTop: $($(this).attr('href')).offset().top}, 1700);
    var href = $(this).attr('href');
    
        
    $(href).children(".up").css("display","block");
    });
    
    $(".up").click(function(e){
        e.preventDefault();
        
        $('html,body').animate({scrollTop:0},1700,function(){
            $(".up").css("display","none");
        });
    });
    
});