고물상

https://www.npmjs.com/package/scroll-lock

기능 : 배경 스크롤 기능을 막아줌

주 사용처 : 팝업 띄울때 배경 스크롤 막기

특징 : 다양한 플랫폼 지원 (IOS에서 정상동작해줌)

주의할점 : enablePageScroll, disablePageScroll을 꼭 제대로 지정해줘야함 

// vue 사용 예시
<template>
  <div ref="target"></div>
</template>

<script>
import { disablePageScroll, enablePageScroll } from "scroll-lock";
export default {
  mounted() {
    this.$nextTick(function () {
      disablePageScroll(this.$refs.target);      
    });
  },
  beforeDestroy() {    
    enablePageScroll(this.$refs.target);
  },  
};
</script>