如何设置弹框中的内容可以滑动，外面的页面不可以滑动

如何设置弹框中的内容可以滑动，外面的页面不可以滑动

场景
最近做移动端开发时 有一个需求需要设置弹框里的内容可滑动，弹框外的页面不可滑动，弹框隐藏时页面滑动正常

原理
overflow ：“hidden”
overflow: “auto”

注意事项
刚开始使用的时候 直接把overflow ："hidden"加到了body上 没有起作用 后来冷静想了一下 我应该把禁止滚动加到可滑动的元素上 而不是直接加在body 上

    //页面禁止滑动
    //当弹框出现和隐藏时 调用这个方法
    //oldCustList为原本可滑动的元素
    getHidden(data){
      if(data=='n'){
        this.$refs.oldCustList.style.overflow = "hidden"
      }else{
        this.$refs.oldCustList.style.overflow = "auto"
      }
    },