美文网首页
react vant 2.0 Overlay组件 滑动到底部不能

react vant 2.0 Overlay组件 滑动到底部不能

作者: tech_go | 来源:发表于2023-05-31 16:17 被阅读0次

    在 Vant 2.0 中,Overlay 控件中添加 prevent-default-scroll 属性的方式与 Vant 1.x 稍有不同。具体做法如下:

    import { Overlay } from 'vant';
    function MyComponent() {
      const [show, setShow] = useState(false);
      return (
        <Overlay 
          show={show} 
          onClick={() => setShow(false)}
          lockScroll={false} // 禁止滚动穿透
          prevent-scroll-default={true} // 禁止默认滚动事件
        >
          // Overlay 内容
        </Overlay>
      );
    }
    

    其中,prevent-scroll-default 属性用于禁止默认的滚动事件,lockScroll 属性用于禁止滚动穿透(即禁止在 Overlay 显示时滚动底层页面),两者结合起来可以解决 Overlay 滑动到底部不能滚动的问题。

    相关文章

      网友评论

          本文标题:react vant 2.0 Overlay组件 滑动到底部不能

          本文链接:https://www.haomeiwen.com/subject/zxuyedtx.html