Можно ли ограничить прокрутку страницы до определенного блока?

Question

[photosho]

Можно ли ограничить прокрутку страницы до размеров определенного блока? То есть, блокировать прокрутку, когда страница докрутилась до нижней части этого блока - так, чтобы страница при этом не прыгала. И конечно, чтобы прокрутка вверх при этом не блокировалась.

Answer 1

[Taulan Khatuaev]

Да можно

window.addEventListener('scroll', function() {
  var myBlock = document.getElementById('myBlock');
  var scrollPosition = window.scrollY + window.innerHeight;
  var blockPosition = myBlock.offsetTop + myBlock.offsetHeight;
  
  if (scrollPosition >= blockPosition) {
    window.scrollTo(0, blockPosition - window.innerHeight);
  }
});

Comments

[photosho]

Спасибо. Уточню еще про "behavior: 'instant'" для моментального перемещения.