1. 程式人生 > >fixed 不生效 的一種情況

fixed 不生效 的一種情況

前幾天,使用layui 生成一個彈出框,本來它是fixed 的。

像下面這樣。

index =  layer.open({
                    type: 1,
                    shade: 0,
                    title: false,
                    area: ['100%', '90px'],
                    content: $('#msgTop'),
                    offset: '35px',
                    fixed: true
                });

但是呢,真實頁面上,卻不是fixed 的,隨著頁面的滾動條滾動,它也滾動。

調了很久,最後看到網上說,可能是它的祖先節點有transform 屬性,所以fixed 不生效。

於是我把這個元素的所有祖先節點的transform 屬性刪除了,果然fixed 生效了。