Как сделать прокрутку слайдера при достижении блока на экране?

Question

[Кейси]

Есть самописный слайдер.
При скроле, когда блок #slider будет целиком и полностью на экране, нужно остановить скрол и начать листать стайдер
После пролистывания опять запустить скрол.

Как это лучше сделать и есть ли для этого уже готовые решения?

Answer 1

[n1ksON]

Получаете координаты блока #slider, плюсуете высоту к Y, блокируете прокрутку window и выполняете анимацию пролистывания слайдера, затем обратно включаете прокрутку window

Comments

[Кейси]

что значит плюсуете высоту к Y ?

[Кейси]

Я сделал так. Но код остановки скрола, увы, срабатывает хоть где. В любом месте сайта +/-

$(window).scroll(function(){
  var winScrollTop = $(this).scrollTop();
  if(winScrollTop > $('#slider').offset().top){

    disableScroll()

  }
  });

[n1ksON]

Кейси, к точке, до которой нужно доскроллить ещё необходимо прибавить высоту блока #slider, чтобы блок полностью был отображён на экране