Detecção de Scroll na Página com jQuery

detecta o scroll na página e adiciona a classe a navegação para que fique fixa no topo

HTML

<nav class="navigation">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Products</a></li>
  </ul>
</nav>

<div class="container">
  <h1>Lorem ipsum dolor sit amet.</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere magnam at itaque facilis nisi officiis possimus soluta asperiores veritatis, magni cum consectetur ex, temporibus velit sed eos perferendis voluptate consequatur distinctio. Maiores facilis, iste laboriosam. Dolor adipisci aliquam commodi quidem vel aut labore dolores vero doloremque temporibus aperiam, officia libero voluptatum maxime similique incidunt, molestias accusamus explicabo iusto autem sequi possimus. Temporibus ut error ipsum quis magnam modi perferendis dignissimos odit, harum cumque adipisci eveniet id ullam non cum iste dicta. Officiis natus nostrum eveniet commodi quibusdam possimus hic iste facilis! Dolorem culpa suscipit sapiente saepe animi, ratione ipsa dignissimos.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto laudantium iste adipisci non blanditiis officia dolorum, fuga nulla laborum tempora voluptates facilis sint corporis quaerat deleniti possimus. Nemo at veniam sit, assumenda incidunt dolores rerum, mollitia aperiam, possimus, veritatis nobis dolorem? Repellat omnis excepturi fuga assumenda quia consequatur delectus consequuntur molestias eligendi, beatae qui facere, mollitia maiores ducimus earum? Magnam fuga, suscipit velit. Minus, necessitatibus blanditiis neque! Commodi dolorum, officia provident, accusantium beatae ab deserunt, qui veniam illo eos in earum culpa praesentium voluptatem sed sapiente! Sit quia reiciendis, placeat dicta blanditiis sunt tempora, aliquid eveniet nobis eos maxime nam!</p>
</div>

CSS

body {
  margin: 0;
  font-family: arial, sans-serif;
  color: #333;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
.navigation {
  padding: 10px 0;
  background: linear-gradient(to top, #fd79a8, #e84393);
}

.navigation ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation li {
  flex: 0 1 auto;
}
.navigation a {
  flex: 0 1 auto;
  font-family: arial, sans-serif;
  text-decoration: none;
  color: #fff;
  padding: 10px 15px;
}
.navigation.sticky {
  position: sticky;
  top: 0;
  left: 0;
}
.container {
  padding: 0 10px;
}

JavaScript

$(window).on('scroll', function() {
	if ( $(window).scrollTop() > 0) {
    $('.navigation').addClass('sticky');
    $('.container h1').text('adicionado classe quando scrollTop');
  } else {
    $('.navigation').removeClass('sticky');
  }
});