如果你想要在網(wǎng)頁(yè)中設(shè)置一個(gè)元素的位置不變,不管頁(yè)面的滾動(dòng)條如何滾動(dòng),CSS提供了幾種方式來(lái)實(shí)現(xiàn)這個(gè)目標(biāo)。
position: fixed;
使用這個(gè)屬性值會(huì)使元素固定在頁(yè)面上的某個(gè)位置,不受滾動(dòng)條的影響。這個(gè)屬性需要搭配top、right、bottom和left來(lái)指定元素的位置。
position: absolute;
使用這個(gè)屬性值會(huì)使元素相對(duì)于它的父元素進(jìn)行定位,而不是相對(duì)于整個(gè)頁(yè)面。需要使用top、right、bottom和left來(lái)指定元素的位置。
transform: translate();
使用這個(gè)屬性可以移動(dòng)元素,但不會(huì)影響它在頁(yè)面上的位置。它的參數(shù)可以是像素、百分比、em等等。
上面是三種比較常見(jiàn)的設(shè)置元素位置不變的方式,根據(jù)你的需求可以選擇其中一種或多種進(jìn)行使用。