Question

HTML 关于绝对定位的问题手机端

我在一个DIV里写了position:fixed;将这个DIV定位在底部，电脑端无问题，当我在手机端向下滑动时DIV位置就不一样了！用过别的浏览器都一样但用QQ自带的浏览器时就跟电脑端一样不会像图片里所示。注:图1正常，图2不正常，图3正常
发错了这是图2





Answer 1

尽量不要用fix，毕竟手机浏览器的处理效果不如pc强，你在拖动的时候，浏览器需要不停的计算你div的位置，一个卡住就跑上去了。一般基本思路就是减少页面css的计算量，通常两种做法：
1、用js获取手机屏幕高度，然后你直接用absolute从上往下写top高度=屏幕高度-浮动条本身高度
2、做伪拖动，也就是并不是实际拖动手机的html高度，而是靠overflow的溢出属性，把需要拖动的内容放在上面余态纯的div里，然后用js动态判断手机屏高度然闭没后再赋值。最下面的div本身不做任何浮动处理，直接跟在后面（不过这个也有坑竖咐，overflow的拖动体验不如原生拖动，手机不给力可能会一卡一卡的，需要webkit的属性支持）
顺便想到新的css3的flex结构，不过这个我自己没试验过，不知道能不能成为新的解决办法，愿意的话你自己也能试试。

Answer 2

贴出代码，不然很难分析出问题