美文网首页
fixed在移动端的那些坑(一)

fixed在移动端的那些坑(一)

作者: 喵整点薯条 | 来源:发表于2018-04-04 17:25 被阅读14次

在移动端实现固定在窗口的底部时,我们经常使用fixed,但是fixed在移动端的不便之处甚多。

下面的就是其中一个使用了fixed时出现的问题。


fixed.png

底部的按钮栏是使用fixed固定在底部,但是在华为安卓4.4的手机中出现了这样的错误。
原来只有一排的按钮栏出现了两次。
改为absolute固定后,问题就消失了。

相关文章

  • fixed在移动端的那些坑(一)

    在移动端实现固定在窗口的底部时,我们经常使用fixed,但是fixed在移动端的不便之处甚多。 下面的就是其中一个...

  • Web移动端Fixed布局的解决方案

    index Web移动端Fixed布局的解决方案 __veblen 移动端业务开发,iOS 下经常会有 fixed...

  • 移动端虚拟键盘和fixed的坑

    这两天接手一个新需求,做一个直播间的页面,用于微信平台。 需求 页面的设计稿要求 头部和底部置顶,底部有输入框,中...

  • 移动端position:fixed移动

    当开发过程发现在移动端使用固定定位会出现移动的问题(ps:ios系统经常出现,当出现滚动事件); 移动端应避免少使...

  • 移动端Fixed失效

    1.页面滑动固定失效 很多时候我们开发移动端页面时,会发现与我们PC上开发时看到的完全两样,怀疑是自己做的不好,有...

  • H5 兼容性问题汇总

    1、 2、h5 fixed 用 absolute 替代,fixed 在IOS上兼容性有问题 3、h5 ios移动端...

  • 移动端的那些坑

    iOS Safari Safari下使用border-image,不能设置border-color: transp...

  • 移动端的那些坑

    作者:LeuisKenhttps://segmentfault.com/n/1330000011368344 iO...

  • 移动端的那些坑

    iOS Safari Safari下使用border-image,不能设置border-color: transp...

  • 移动端的坑

    1、移动端定位最好不要用fixed,用绝对定位absolute。2、移动端会有点透BUG,需要touchstart...

网友评论

      本文标题:fixed在移动端的那些坑(一)

      本文链接:https://www.haomeiwen.com/subject/bmqlhftx.html