jen*_*z0r 13 mobile-safari ios
我的网页底部有一个固定的CTA按钮(号召性用语).在较新版本的iOS上向下滚动页面,移动版Safari隐藏了底部导航栏(带有后退,前进,共享,书签和新标签按钮).如果单击CTA按钮,移动Safari将显示底部导航栏,而不是执行该操作.
作为一个解决方案,我一直希望强制显示底部导航栏.有办法做到这一点吗？两个杰克线程时,在移动浏览,和主题翻转的移动网站可以查看单个项目时,拉这一关.
到目前为止,我无法对此进行逆向工程.有谁知道力量表演是如何完成的？
相关: 与页面底部对齐的按钮与移动Safari的菜单栏冲突,并 在点击视口底部时阻止Mobile Safari显示工具栏
jen*_*z0r 11
我想我可能找到了答案.将内容设置为具有以下样式:
height: 100% (允许内容填充视口并超出底部)overflow-y: scroll (允许您在视口下方滚动;默认值可见)-webkit-overflow-scrolling: touch (以平滑任何滚动行为)似乎强制Safari中的iOS菜单始终显示.这样,按钮点击实际上可以工作,而不是打开Safari菜单.
不幸的是,你必须将这个CSS与JavaScript浏览器检测配对,因为它会混淆iOS Chrome(也是webkit)上的滚动.仅使用CSS 无法定位所有版本的iOS Safari .
| 归档时间： |
|
| 查看次数： |
11641 次 |
| 最近记录： |