首页
学习
活动
专区
工具
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

原生JS实现移动端滑动反弹

什么是 Touch滑动?就是类似于 PC端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到 Touch事件结合 js去实现,效果如下: ? 1. 准备工作 什么是移动端的 Touch事件?...首次滑动 手指触摸到列表向下滑动的时候,列表应该跟着向下滑动,当手指离开屏幕的时候,列表应该停在滑动的位置。这里就会用到上面准备阶段的知识点了,不明白的可以参考上面的概念。...先来张示意图,怎么通过 js 让列表滑动起来 ?...限制向下滑动最大区间 设定向下最大区间的值比较简单,直接设定一个值,当上一次滑动的距离加上本次滑动的距离大于这个值的时候,就不让它再继续往下滑了,让他直接等于这个设定的值。...向下的值其实跟之前求滑动区间差不多,我们参考下图,当列表向上滑动滑动到列表底部的时候,只要此时再向上滑动,就让它向下反弹。

10.2K20
领券