首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

禁止遮罩下页面滑动

最近在业务中遇见一个问题,就是弹出一个蒙版,覆盖整个页面,有一部分内容固定在底部。可是底部内容还是能滑动。 我相信在蛮多场景下是需要做到蒙版的时候底部禁止滑动。尤其是手机端。...如果弹出的内容不需要滚动,直接禁止touchmove或者touchstart: var content = document.getElementsByTagName('body')[0]; content.addEventListener...')[0]; content.addEventListener('touchmove', function (e) { e.preventDefault(); }, false) 这两个都是禁止...touch事件,在移动端有效,在PC端用滚轮滑动禁止不了。...在这边要分享一件事,就是在微信下,当你滑动的时候,透过遮罩触发了body,那么微信默认进行一个进程一样,得等一下才能滑动遮罩上面的元素。暂时没有优化的方法,当然,遮罩没有透明度不会出现。 (完)

2.1K30
您找到你想要的搜索结果了吗?
是的
没有找到

iOS全屏滑动代码

;         // 创建全屏滑动手势,调用系统自带滑动手势的target的action方法     UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer...handleNavigationTransition:)];    // 设置手势代理,拦截手势触发     pan.delegate = self;         // 给导航控制器的view添加全屏滑动手势...    [self.view addGestureRecognizer:pan];         // 禁止使用系统自带的滑动手势     self.interactivePopGestureRecognizer.enabled...拦截手势触发 - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {    // 注意:只有非根控制器才有滑动返回功能...如果只有一个子控制器,肯定是根控制器     if (self.childViewControllers.count == 1) {             // 表示用户在根控制器界面,就不需要触发滑动手势

1.1K00

iOS全屏滑动代码

;         // 创建全屏滑动手势,调用系统自带滑动手势的target的action方法     UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer...handleNavigationTransition:)];    // 设置手势代理,拦截手势触发     pan.delegate = self;         // 给导航控制器的view添加全屏滑动手势...    [self.view addGestureRecognizer:pan];         // 禁止使用系统自带的滑动手势     self.interactivePopGestureRecognizer.enabled...拦截手势触发 - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {    // 注意:只有非根控制器才有滑动返回功能...如果只有一个子控制器,肯定是根控制器     if (self.childViewControllers.count == 1) {             // 表示用户在根控制器界面,就不需要触发滑动手势

1.4K10

JS 实现全屏和退出全屏

Fullscreen API 是一组用于控制全屏显示的方法和属性,它们允许我们将网页内容以全屏的方式展示给用户,并提供了相应的事件来监听全屏模式的变化。...在本文中,我们将介绍如何判断浏览器是否支持全屏功能,如何实现进入全屏和退出全屏的功能,以及如何获取当前全屏元素和监听全屏模式的变化。...实现全屏 要实现全屏,我们可以使用 requestFullscreen() 方法。该方法可用于 DOM 元素,使其进入全屏模式。...退出全屏 当我们需要退出全屏时,可以使用 exitFullscreen() 方法。该方法可用于当前处于全屏状态的元素。...获取全屏元素 在全屏模式下,我们可能需要获取当前处于全屏状态的元素。可以使用document.fullscreenElement属性来获取。

2.5K20
领券