解决fullPage中使用dialog时滑动冲突问题

最初都是小白

已于 2022-06-21 15:09:19 修改

阅读量435

点赞数 1

分类专栏： Vue

于 2022-06-21 15:07:46 首次发布

本文链接：https://blog.csdn.net/Originally_M/article/details/125391369

版权

javascript 前端 html5

Vue 专栏收录该内容

36 篇文章 3 订阅

订阅专栏

给fullPage加ref 后使用fullPage的api

	//dialog显示
    dialogShow(){
      // this.$refs.fullpage.api.setAllowScrolling(false); //禁用鼠标滚动这个会有问题，所以要用setAutoScrolling属性
      this.$refs.fullpage.api.setAutoScrolling(false); //禁止滑动
      document.querySelector('body').style.overflow ="hidden"
    
    },
    //dialog隐藏
    dialogHide(){
        this.$refs.fullpage.api.setAutoScrolling(true); //放开滑动
    },