Source

አቀማመጥ

የአንድን ንጥረ ነገር ቦታ በፍጥነት ለማዋቀር እነዚህን የአጭር እጅ መገልገያዎች ይጠቀሙ።

የተለመዱ እሴቶች

ፈጣን የቦታ አቀማመጥ ክፍሎች አሉ፣ ምንም እንኳን ምላሽ ባይሰጡም።

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

ቋሚ ከላይ

ከዳር እስከ ዳር አንድ ኤለመንት በመመልከቻው አናት ላይ ያስቀምጡ። በፕሮጀክትዎ ውስጥ የቋሚ ቦታን ውዝግቦች መረዳትዎን ያረጋግጡ; ተጨማሪ CSS ማከል ሊኖርብዎ ይችላል።

<div class="fixed-top">...</div>

ቋሚ ታች

በመመልከቻው ስር አንድ ኤለመንት ከጫፍ እስከ ጫፉ ላይ ያስቀምጡ። በፕሮጀክትዎ ውስጥ የቋሚ ቦታን ውዝግቦች መረዳትዎን ያረጋግጡ; ተጨማሪ CSS ማከል ሊኖርብዎ ይችላል።

<div class="fixed-bottom">...</div>

የሚለጠፍ ከላይ

ከዳር እስከ ዳር አንድን ኤለመንትን በመመልከቻው አናት ላይ ያስቀምጡት ነገር ግን ካለፉት በኋላ ካሸብልሉ በኋላ ብቻ። መገልገያው በሁሉም አሳሾች ውስጥ ሙሉ በሙሉ የማይደገፍ .sticky-topCSS ን ይጠቀማል ።position: sticky

IE11 እና IE10 position: stickyእንደ ይሰጣሉ position: relativeእንደዚያው፣ ዘይቤዎቹን በጥያቄ ውስጥ @supportsእናጠቃልላለን፣ ተለጣፊነቱን በትክክል ሊሰሩት በሚችሉ አሳሾች ላይ ብቻ እንገድባለን።

<div class="sticky-top">...</div>