【目標】:在html5頁面中,用定位position:fixed做一個彈層div.layout,當div.layout顯示時,它下面的所有內(nèi)容都不能滾動,但.layout中的內(nèi)容可以滾動。幾個月前就在項目中做過這個需求,網(wǎng)上查了很多辦法,其中說的最多的有:1.用overflow: hidden;//實踐證明,這個只是在PC中好使,在移動端瀏覽器中完全不起作用。2.用e.preventDefault();//實踐證明,這個方法會令頁面內(nèi)所有元素都不滾動。后來,我發(fā)現(xiàn)tmall移動端彈層時,同樣會出現(xiàn)背景內(nèi)容跟隨移動的問題,當下判斷這可能是html5在移動端的一個缺陷……直到最近,我用手機訪問了zara官網(wǎng):http://m.zara.cn/cn/(移動瀏覽器或PC Chrome的模擬器中直接輸入zara.cn就可以)沒錯,這個網(wǎng)站完美解決了我的需求?。。∧敲础締栴}】來了:它是怎么實現(xiàn)的呢?求大神們指點!
- 3 回答
- 0 關注
- 1011 瀏覽
添加回答
舉報
0/150
提交
取消