在前端页面中，盒子用了固定定位，但是有时候会失效，该盒子没有脱离文档流，还是会随着页面滚动而滚动。最后折腾了好一会才发现原因。 原因是CSS样式中 用position：fixed时候，如果有transform样式，那么position：fixed则会失效，所以要么把transform去掉 ...

如何解决IOS 下固定定位fixed 失效问题？ 相信大家在做移动端项目时都会遇到fixed失效的问题，在这里我们说的是在ios 下 ，头部底部都采用固定定位时，滑动中心部分时整个页面都跟着滚动也就是说固定定位失效了。那么如何解决这个问题呢？这里有个小诀窍分享给大家。 另外,代码中 ...

相信大家在做移动端项目时都会遇到fixed失效的问题，在这里我们说的是在ios 下 ，头部底部都采用固定定位时，滑动中心部分时整个页面都跟着滚动也就是说固定定位失效了。那么如何解决这个问题呢？这里有个小诀窍分享给大家。 样式部分 .header ...

这里有个关键的东西叫做viewport，你经常在页面的头部里可以见到它： 想起来了吧，就是它让你的页面不会像在桌面上那样显示，玩过windows的放大镜功能吧， 你可以把viewport想象成一个类似的放大镜，fixed的元素是相对整个页面固定位置的，你在屏幕上滑动只是在移动这个所谓 ...

前几天朋友写混合app的时候想做一个小挂件在屏幕右边固定定位，后来发现安卓里面正常ios出现了乱动的现象，我去查了一下，想要解决这个问题，最直接的方法还是直接更改布局， demo： 从视觉上看，这个布局其实滚动只有容器内部，真正的大小只有用户视角所看到的大小，从而形成一种视觉上的固定定位 ...

　　近日需要实现移动端页面额外功能按钮，即点击加号弹出点赞与留言功能，通常这个按钮都会固定于页面的右下角，首先就想到使用固定定位来实现。 　　但是在测试时我们发现，在IOS中，当系统键盘弹出时，fixed会失效，加号按钮会随着键盘的弹出，而被顶到键盘的上方。后来在网上搜索了一下，发现很多开 ...

简短记录下最近开发移动端项目碰到的小坑，产品需求做一个售后对话页面，底部固定输入框，和微信对话差不多，但是在ios下，fixed失效，输入框被虚拟键盘挡住，在安卓下是正常的。 尝试过网上说的很多方法，因为每个页面的需求和布局可能不相同，比如我做的需要下拉刷新消息，上拉加载更多 ...

一、原因 　　固定定位是参考布局视口做定位的，而在移动端，存在布局视口、视觉视口、理想视口，如果适配方案使用不正确，很容易造成布局错误。 二、案例1，有问题版本，在唤起虚拟键盘的时候，布局错乱了。 三、案例2，绝对定位版本，布局没有错乱， 效果是没有错 ...