【手记】手机网页弹出层后屏蔽底层的滑动响应

这个需求场景很常见,但好像到目前还没有一个正统的做法,以至于一搜这个问题,出来的招数五花八门,典型的包括:

  • 给body上overflow:hidden,fixed什么的。问题在于:手机端可能没用,或者会让页面回到顶部~影响体验
  • 简单粗暴的屏蔽touchmove。问题在于:弹出层内部需要滚动就不行
  • 张鑫旭大神的招数问题在于:我感觉复杂,就没试

终于还是让我在爆栈找到一个挺满意的招:https://stackoverflow.com/a/31063201/5482608,在此分享一下。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IMWeb前端团队

微信小程序初体验

本文作者:IMWeb 黎清龙 原文出处:IMWeb社区 未经同意,禁止转载 微信小程序初体验 1 背景 微信小程序刚出来的时候就想玩玩了,个人开发者开...

1.3K110
来自专栏求索之路

教你用android玩冲顶大会——实现几个小时的财务自由

最近答题类app比较火,玩了几把之后想到为什么不用技术来查找答案呢?因此搞了一款辅助app,能够帮助大家直接搜索答案.经过两天的开发和三天的测试,终于让我的冲...

33360
来自专栏汇智网教程

angular教程推荐

28920
来自专栏小程序·云开发专栏

小程序的底层框架

原文链接:https://godbasin.github.io/2018/09/02/wxapp-technology-architecture/

34820
来自专栏知晓程序

开发 | 提升 1 倍运行效率!有了这些技巧,你的小程序也能快如闪电

微信小程序的一大优势体现在「小」上面,小而轻的微信小程序,能给用户带来非常良好的体验。

10860
来自专栏跟着阿笨一起玩NET

WEB免费打印控件推荐

要么购买成熟的打印控件,如果是大项目可以考虑,但如果项目只有几K到1、2W之间,这就麻烦了。

4.6K10
来自专栏逸鹏说道

初识SignalR~仿QQ即时聊天(群发,单发)(Web,WPF等Demo演示)【中】

第二个阶段: QQ聊天案例,先讲一种常规的方法,下面会讲一种简单方法 先看看gif效果图把 ? 定义一个BaseHub类,里面用 qqModeList来...

37360
来自专栏花叔的专栏

惊喜,热心网友为Nodes小程序写的超详细使用指南

曾斌是一个在校学生,也是一名Nodes的爱好者,他为Nodes撰写了非常详细的使用指南,并且也很用心的制作了演示视频,以下内容已得到曾斌同学的授权。 Node...

41860
来自专栏诸葛青云的专栏

微信跳一跳脚本重出江湖,python实现安卓&iOS自动版与手动版!

前面一段时间在GitHub上看到有人利用Python玩一款名为“跳一跳”的微信小程序,于是打算自己也来试一试,毕竟这款小游戏最近吸引了众多人的目光。

19200
来自专栏吴裕超

浅析前端渲染与服务端渲染

背景知识:   「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制;   「前端渲染」指使用 JS 来渲染页面大部分内容,代表是现在流行的 SPA ...

1.2K40

扫码关注云+社区

领取腾讯云代金券