博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端弹窗:移动端弹窗滚动时,底部盒子跟着一起滚动 (【手机端弹窗,综合解决方案】...
阅读量:4647 次
发布时间:2019-06-09

本文共 670 字,大约阅读时间需要 2 分钟。

一、移动端弹窗出现时,上下滑动屏幕,底部的内容会跟随这滚动。

解决方案:在弹出弹窗的时候,设置window最外层定位为fixed,这样window便不会滚动了,在关闭弹窗的时候,设置window体定位为static,window便可重新滚动。

https://www.cnblogs.com/shimily/articles/11139007.html

 

https://www.cnblogs.com/shimily/articles/4786890.html

 

 

二、移动端弹窗里有内容需要overflow-y: scroll;滚动时,底部盒子也会跟着一起滚动。

在弹出弹窗的时候,设置window最外层定位为fixed,这样window便不会滚动了,在关闭弹窗的时候,设置window体定位为static,window便可重新滚动。

解决方案:https://www.cnblogs.com/shimily/articles/11139007.html

 

三、ios系统中,滚动不够流畅。

解决方案:可以给需要overflow-y: scroll;的元素添加

-webkit-overflow-scrolling:touch 属性。但是此属性又会引发出一个新的问题,就是当滚动到底部的时候,停留两秒钟,会出现卡顿或者无法滚动的现象,有点尴尬。

建议不使用此属性。

 

四、使用iscroll插件(包含有下拉加载等特效)

 

转载于:https://www.cnblogs.com/shimily/articles/11139469.html

你可能感兴趣的文章
Android学习笔记View的工作原理
查看>>
中文词频统计
查看>>
华为S5024p交换机配端口镜像
查看>>
VirtualBox虚拟机配置CentOS7网络图文详解教程
查看>>
[Asp.net 5] DependencyInjection项目代码分析-目录
查看>>
努比亚(nubia) V18 NX612J 解锁BootLoader 并刷入recovery ROOT
查看>>
SOAP协议初级指南(7)
查看>>
使用 IntraWeb (39) - THttpRequest、THttpReply
查看>>
ImageMagick还是GraphicsMagick?
查看>>
[BZOJ 4571][Scoi2016]美味(主席树)
查看>>
python网络-计算机网络基础(23)
查看>>
Mysql5.7.16安装过程
查看>>
Linux文件查找命令find用法整理(locate/find)
查看>>
20175333曹雅坤实验四《Android程序设计》实验报告
查看>>
max(min)-device-width和max(min)-width的区别
查看>>
geolocation/ 百度地图api Geolocation 定位当前城市信息
查看>>
JAVA基础
查看>>
ruby的optparse使用小记
查看>>
Helper Devise: could not find the `Warden::Proxy` instance on request environment
查看>>
javascript--识别判断浏览器
查看>>