Переход к блоку при листинге

/* захватываем элемент footer*/ 
var footer = document.querySelector('.footer'); 
window.onscroll = function() { 
 
  /**/ 
  /*динамический во время скрола получаем его координаты*/ 
  var footerCor = footer.getBoundingClientRect().top; 
  /*динамический во время скрола получаем height body*/ 
  var doc = document.body.getBoundingClientRect().height; 
 
  var cor = footerCor - doc; 
 
  /* и тут условие, когда footer появляется в зоне видимости экрана */ 
  if (cor <= 0 && cor >= -100) { 
    /*срабатыевает событие scrollIntoView(top) для footer*/ 
    footer.scrollIntoView(top); 
  } 
}

* { 
  margin: 0; 
  padding: 0; 
} 
 
html, 
body { 
  width: 100%; 
  height: 100%; 
  background: #272727; 
} 
 
.block-1 { 
  background: green; 
} 
 
.block-2 { 
  background: yellow; 
} 
 
.block-3 { 
  background: blue; 
} 
 
.block-1, 
.block-2, 
.block-3, 
.footer { 
  color: #fff; 
  padding: 10px; 
} 
 
.block-3 { 
  height: 120%; 
} 
 
.footer { 
  background: red; 
  height: 100%; 
}

<div class="block-1">Блок 1 
</div> 
<div class="block-2">Блок 2 
</div> 
<div class="block-3"> 
</div> 
 
<div class="footer"> 
  Блок с высотой 100% 
</div>