<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<nav class="menu _sticky" id="menu_sticky">Элемент *</nav>

<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
<div id="demo">/////</div>
<div id="demo1">/////</div>


<script language="JavaScript">
const node = document.getElementById('menu_sticky'),
nodeOffs = node.offsetTop; //расстояние текущего элемента по отношению к верхней части выводит 0?
document.getElementById("demo").innerHTML = nodeOffs+" это показатель значения от верха страницы по параметру offsetTop";


window.addEventListener('scroll', function() {
  scrollPos = (window.pageYOffset); //значение прокрутки от верха окна
  if (scrollPos > nodeOffs) {
    node.classList.add('_stickied');
  } else  {
   node.classList.remove('_stickied');
  }
document.getElementById("demo1").innerHTML = scrollPos;
});
</script>

<style>
.menu._sticky {
position: fixed;
bottom: 200px; 
  background-color:red;
}

.menu._sticky._stickied {
position: static;
}
</style>