固定定位手機(jī)有問題css，是一種在手機(jī)設(shè)備上出現(xiàn)的問題。在進(jìn)行手機(jī)網(wǎng)頁設(shè)計時，經(jīng)常會去使用固定定位功能，以保證網(wǎng)頁上的某些元素能夠始終停留在頁面的某個位置。但是這種功能在手機(jī)設(shè)備上卻常常出現(xiàn)各種問題，比如元素位置偏移、元素閃爍等問題。

/*固定定位*/
position:fixed;
top:0;
left:0;

在此我們分析一下這種現(xiàn)象出現(xiàn)的原因以及如何解決這些問題。 固定定位出現(xiàn)問題的原因是因為在移動設(shè)備上存在多個視圖切換的原因，所以滾動和放大/縮小手勢實現(xiàn)的方式在不同瀏覽器和平臺上是不同的。

為了解決固定定位出現(xiàn)的問題，一些行之有效的方法如下所述。

1. 用JavaScript模擬

function fixedDiv() {
var bodyW = document.body.offsetWidth;
var pageW = window.innerWidth;
var scrollW = bodyW - pageW;
var topH = document.documentElement.scrollTop || document.body.scrollTop;
_o.style.right = (scrollW ? scrollW: 0) + 'px';
_o.style.top = (topH + (_o.top || 0)) + 'px';
setTimeout(fixedDiv, 1);
}

2. 用position:absolute代替

position:relative;
width:200px;
margin:0 auto;
padding:10px;
bottom:auto;

3. 使用Transform

transform: translateZ(0);

以上方法可以讓網(wǎng)頁設(shè)計師解決固定定位手機(jī)有問題css的問題，從而達(dá)到完美的網(wǎng)頁設(shè)計效果。