关于模态窗口和阻止页面滚动？
发布于 5 年前 作者 azou 2704 次浏览 来自 问答

API提供的模态窗口太简单，没办法自定义，开发者自己模拟实现的话有几个问题：

  1. 自定义半透明遮罩层无法盖住顶部导航条；

  2. Page 没有公开任何页面级别的事件，诸如 onscroll  ，无法阻止页面滚动；

那么该如何解决呢？

5 回复

@大雕哥 ❁҉҉҉҉҉҉҉҉  

 

嗯，希望有知道的人来解答下

今天找到一个办法可以做到阻止页面滚动，当然有一定的业务场景才可以用

__在子元素上通过 catchtouchmove 阻止事件冒泡达到效果，比如可以在模态窗口的半透明层上阻止 touchmove 事件冒泡。 __

@Mr_Marvin

嗯，只能希望 API 能公开接口了，目前模拟的效果有点差。

我也想知道，官方小程序demo可以阻止滚动

感觉自定义模态窗口能遮住顶部导航条不可能，要不然用户写个全屏的模态窗口把系统标题都挡掉了

回到顶部