JQuery - cómo detectar el scroll con el mouse o con el dedo y saber en qué sección de mi página estoy

window.scrollY

<nav class="navbar navbar-expand-md navbar-light fixed-top" style="background-color: black; color: white !important; font-family: 'Courgette', cursive;">

    <a data-scroll class="navbar-brand" href="#bienvenidos" onclick="animar('#bienv', 'animated rubberBand delay-1s');">La Almozara</a>

    <button class="navbar-toggler"  type="button" data-toggle="collapse" data-target="#menuprincipal" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

    <div class="collapse navbar-collapse" id="menuprincipal">

      <ul class="navbar-nav mx-auto" id="menu">

        <li class="nav-item active">

          <a  class="nav-link" href="#bienvenidos" onclick="animar('#bienv', 'animated rubberBand delay-1s'); agregarAlTitulo('Bienvenidos');">Inicio</span></a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#historia" onclick="animar('#hist', 'animated flip delay-1s'); agregarAlTitulo('Historia');">Historia</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#noticias" onclick="animar('#not', 'animated bounceInRight delay-1s');  animar('.foto-noticia', 'animated flip delay-1s'); agregarAlTitulo('Noticias');">Noticias</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#deporte" onclick="animar('#depor', 'animated flip delay-1s'); agregarAlTitulo('Deporte');">Deporte</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#negocios" onclick="animar('#neg', 'animated flip delay-1s'); agregarAlTitulo('Negocios');">Negocios</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" href="#actividades" onclick="animar('#acti', 'animated rubberBand delay-1s'); agregarAlTitulo('Actividades');">Actividades</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" id="click-blog" href="#blog" onclick="animar('#b', 'animated rubberBand delay-1s'); agregarAlTitulo('Blog');">Blog</a>

        </li>

        <li class="nav-item">

          <a  class="nav-link" id="click-blog" href="#covid" onclick="animar('#titulo-covid', 'animated flip delay-1s'); agregarAlTitulo('Covid-19');">Covid-19</a>

        </li>

      </ul>

    </div>

</nav>

<script type="text/javascript">

    var lastId,

    topMenu = $("#menu"),

    topMenuHeight = topMenu.outerHeight()+15,

    // All list items

    menuItems = topMenu.find("a"),

    // Anchors corresponding to menu items

    scrollItems = menuItems.map(function(){

      var item = $($(this).attr("href"));

      if (item.length) { return item; }

    });

// Bind click handler to menu items

// so we can get a fancy scroll animation

menuItems.click(function(e){

  var href = $(this).attr("href"),

      offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;

  $('html, body').stop().animate({

      scrollTop: offsetTop

  }, 1000);

  e.preventDefault();

});

// Bind to scroll

$(window).scroll(function(){

   // Get container scroll position

   var fromTop = $(this).scrollTop()+topMenuHeight;

   // Get id of current scroll item

   var cur = scrollItems.map(function(){

     if ($(this).offset().top < fromTop)

       return this;

   });

   // Get the id of the current element

   cur = cur[cur.length-1];

   var id = cur && cur.length ? cur[0].id : "";

   if (lastId !== id) {

       lastId = id;

       // Set/remove active class

       menuItems

         .parent().removeClass("active")

         .end().filter("[href='#"+id+"']").parent().addClass("active");

   }

});

</script>