【手记】手机网页弹出层后屏蔽底层的滑动响应
2017-12-29 17:31
330 查看
这个需求场景很常见,但好像到目前还没有一个正统的做法,以至于一搜这个问题,出来的招数五花八门,典型的包括:
给body上overflow:hidden,fixed什么的。问题在于:手机端可能没用,或者会让页面回到顶部~影响体验
简单粗暴的屏蔽touchmove。问题在于:弹出层内部需要滚动就不行
张鑫旭大神的招数。问题在于:我感觉复杂,就没试
终于还是让我在爆栈找到一个挺满意的招:https://stackoverflow.com/a/31063201/5482608,在此分享一下。
给body上overflow:hidden,fixed什么的。问题在于:手机端可能没用,或者会让页面回到顶部~影响体验
简单粗暴的屏蔽touchmove。问题在于:弹出层内部需要滚动就不行
张鑫旭大神的招数。问题在于:我感觉复杂,就没试
终于还是让我在爆栈找到一个挺满意的招:https://stackoverflow.com/a/31063201/5482608,在此分享一下。
相关文章推荐
- 【C#】对异步请求处理程序IHttpAsyncHandler的理解和分享一个易用性封装 【手记】走近科学之为什么明明实现了IEnumerable<T>的类型却不能调用LINQ扩展方法 【手记】手机网页弹出层后屏蔽底层的滑动响应 【手记】ASP.NET提示“未能创建类型”处理 【Web】一个非常简单的移动web消息框 【手记】解决EXCEL跑SQL遇“查询无法运行或数据库表无法打开...”
- .Net : webBrowser弹出新页面,在当前Form窗体打开,可设置屏蔽当前网页的js错误。。。。
- qt webview与js交互(网页里的弹出窗口不响应js接口)
- 屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法
- 手机网页ios滑动卡顿
- 微信浏览器如何禁止iPhone手机上下滑动网页
- 禁止IE弹出网页和屏蔽网页原理
- javascript Slip.js实现整屏滑动的手机网页
- 使用Slip.js快速创建整屏滑动的手机网页
- 手机页面屏蔽输入法GO键的响应
- js实现手机网页滑动
- WEB网页 , webkit 内核手机,slider 上下滑动弹性切换效果(不采用任何插件)
- javascript Slip.js实现整屏滑动的手机网页
- [转]当用webBrowser1加载网页的时候,网页中出现js错误,会弹出一个提示,如何屏蔽不提示?
- 屏蔽优酷网,土豆网等外链网站视频广告及点击视频画面弹出页面的网页代码
- 使用Slip.js快速创建整屏滑动的手机网页
- 禁止弹出“您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法
- 微网页开发弹出“非微信官方网页 转换为手机预览模式”原因记录
- [转]当用webBrowser1加载网页的时候,网页中出现js错误,会弹出一个提示,如何屏蔽不提示?
- 微信浏览器如何禁止iPhone手机上下滑动网页