解决ios、微信移动端的position: fixed; 支持性不好的问题

  在chrome中的多个部分使用了position: fixed之后,都可以正常的布局,但是放在微信上却出现了不能正常显示的问题(第一个问题)

  并且使用了postion: fixed; 的一个种类名称栏在微信下下滑不了,而body是可以的,确实让人很郁闷(第二个问题)

  对于第二个问题,我们可以采取的方式是使得微信不能下滑暴露出 powered by ... 的字样。 但是对于第一个问题,确实没有很好的解决方法。 所以就在网上找了相关的资料,希望可以借鉴成功。

  

相关问题一Web移动端Fixed布局的解决方案

  这个问题中提到的问题是对于fixed布局的页面,如果同时又有input框获取焦点,本身没有问题,但是软键盘一旦起来,就会出现问题了。

  解决办法:避免input和fixed的联合使用, 使用iscroll.js这种第三方库也可以可以解决的。

相关问题二(推荐):移动端web页面使用position:fixed问题总结

  解决了部分浏览器不支持fixed、focus出错等问题。

相关问题三: 关于苹果手机微信端 position: fixed定位top导航栏问题

  同样也是与input获取焦点的相关问题。

相关问题四: fixed在微信下的BUG

  与-webkit-overflow-scrolling有关。

禁用下拉暴露黑底的功能

  https://github.com/yuanzm/preventoverscrolljs

ios的手机,如果对某些在顶部的手机设置了 position: fixed, 那么微信部分是不能下拉的。 而安卓机是可以正常使用的。  所以,我们可以选用posution: absolute来替代。

  

  

  

最新文章

  1. 【干货分享】流程DEMO-费用报销
  2. Scala:没有continue,break怎么办?
  3. 卓越精Forsk.Atoll.v3.3.2.10366无线网络
  4. JavaScript—之对象参数的引用传递
  5. ES6新增值比较函数Object.is
  6. Spring的Bean之Bean的基本概念
  7. C++Primer 第十六章
  8. 表数据文件DBF的读取和写入操作
  9. 【转】使用 udev 高效、动态地管理 Linux 设备文件
  10. Android反编译工具
  11. Segmentation Faul
  12. lumen的自定义依赖注入
  13. Docker 列出镜像
  14. 学习 Spring (十) 注解之 @Bean, @ImportResource, @Value
  15. The Little Prince-summary
  16. 《Java并发编程实战》笔记-非阻塞算法
  17. 异常处理:net.sf.cglib.beans.BulkBeanException
  18. 剑指offer:从上往下打印二叉树
  19. python 处理命令行参数--转载
  20. Spring AOP 切面实现操作日志

热门文章

  1. 编写高质量代码改善C#程序的157个建议——建议2: 使用默认转型方法
  2. 来自网易云的黑科技,带尖角的div......
  3. Xamarin 笔记
  4. L - Ch’s gift HDU - 6162
  5. ajax-2
  6. Windows bat脚步同步时间
  7. MySQL学习笔记(一):查询
  8. codevs 3044 矩形面积求并
  9. numpy常用功能总结、python格式化输入输出
  10. C语言中静态断言的使用