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