本文档描述了在开发小程序时遇到的一个问题，即在弹出蒙层并尝试拨打手机号时，背景页面仍然可以滚动。作者首先尝试调整层级解决，未果后查阅文档，发现可通过设置`catchtouchmove`属性阻止页面滚动。在Taro 2项目中，使用`catchtouchmove`属性，并在真机上测试才可见效。作者提供了相关代码示例，强调了在开发者工具中可能无法正确显示此效果。 最近在写小程序的时候，需要手写一个拨打打电话的功能，点击查看弹出蒙层展示手机号，点击电话号码进行拨打电话。
前面拨打电话API都挺顺利，后来忽然发现蒙层下的页面依然还能滚动。一开始以为层级问题，调整层级一直没什么效果。
于是开始查文档，发现文档中提示
于是开始一个个方法进行测试。第一种方法不适合，因为当前页面滚动元素没办法给到高度，会有问题，就不细说了。
开始第二种办法，我的项目还是使用Taro.2,所以使用catchtouchmove属性，如果为Trao3,可使用catchMove属性。
<View className='phone' catchtouchmove='filterViewMove'><View className='phoneContent' style={{ display: phonoSwitch ? 'block' : 'none' }}><View className='phoneNumber'></View><View className='phoneCancel' onClick={this.phoneClick.bind(this, false)}>取消</View></View> </View> 123456
注：catchtouchmove='filterViewMove’为了防止控制台警告也可以直接写catchtouchmove
注：因为使用了catchtouchmove属性，要到真机上才会有效果，真机！真机！真机！！！。开发者工具会有问题
效果图
