【目標(biāo)】：在html5頁(yè)面中，用定位position:fixed做一個(gè)彈層div.layout,當(dāng)div.layout顯示時(shí)，它下面的所有內(nèi)容都不能滾動(dòng)，但.layout中的內(nèi)容可以滾動(dòng)。幾個(gè)月前就在項(xiàng)目中做過(guò)這個(gè)需求，網(wǎng)上查了很多辦法，其中說(shuō)的最多的有：1.用overflow: hidden;//實(shí)踐證明，這個(gè)只是在PC中好使，在移動(dòng)端瀏覽器中完全不起作用。2.用e.preventDefault();//實(shí)踐證明，這個(gè)方法會(huì)令頁(yè)面內(nèi)所有元素都不滾動(dòng)。后來(lái)，我發(fā)現(xiàn)tmall移動(dòng)端彈層時(shí)，同樣會(huì)出現(xiàn)背景內(nèi)容跟隨移動(dòng)的問(wèn)題，當(dāng)下判斷這可能是html5在移動(dòng)端的一個(gè)缺陷……直到最近，我用手機(jī)訪問(wèn)了zara官網(wǎng):http://m.zara.cn/cn/（移動(dòng)瀏覽器或PC Chrome的模擬器中直接輸入zara.cn就可以）沒(méi)錯(cuò)，這個(gè)網(wǎng)站完美解決了我的需求?。。∧敲础締?wèn)題】來(lái)了：它是怎么實(shí)現(xiàn)的呢？求大神們指點(diǎn)！