首页
学习
活动
专区
工具
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
您找到你想要的搜索结果了吗?
是的
没有找到

Axure原型设计丨页面滑动效果

(3)动态面板的state1内拖入的矩形(我用图片代替)命名为“滑动图片”,动态面板命名为“滑动面板”。 设置交互样式 (1)单击“滑动面板”,设置“右侧工具栏属性——拖动时”交互。...点击确定,设置完成后交互显示如下: 此时已经设置好case1,此处是滑动页面与顶部的交互,让滑动页面在离开顶部范围后能自动滑回顶部。...点击确定,设置完成后交互显示如下: 此时已经设置好case2,此处是滑动页面与底部的交互,让滑动页面在离开底部范围后能自动滑回底部。...以上就设置完成啦,最终的“滑动面板”设置交互样式如下: 小白问答: 问题:如果里面的滑动图片有自己独立交互怎么办?...答案:为了让页面滑动后返回的效果更加柔和,移动时间可以根据需要调节哦。

2K00
领券