[JavaScript] 스크롤 고정 및 해제 방법

<스크롤 고정>

해당 element 위에서 터치를 하거나(touchmove) 마우스 휠을 통해 스크롤을 하려는 경우(mousewheel) 이를 차단해서 스크롤을 방지해주는 쿼리

$('#element').on('scroll touchmove mousewheel', function(event) {

  event.preventDefault();
  event.stopPropagation();
  return false;

});

 

<스크롤 고정 해제>

해당 element에 적용되고 있던 스크롤 락을 해제하는 쿼리

$('#element').off('scroll touchmove mousewheel');