ናብ ቀንዲ ትሕዝቶ ዘልል ናብ docs navigation ዘልል
in English

ቦታ

ነዞም ሓገዝቲ ንኣቀማምጣ ሓደ ባእታ ብቕልጡፍ ንምውቃር ተጠቐመሎም።

ጽኑዕ ላዕለዋይ ክፋል

ሓደ ባእታ ኣብ ላዕሊ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን። ኣብ ፕሮጀክትካ ውሱን መርገጺ ዘለዎ ጨናፍር ከም ዝተረዳእካዮ ኣረጋግጽ፤ ተወሳኺ CSS ክትውስኽ ከድልየካ ይኽእል እዩ።

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

ጽኑዕ ታሕተዋይ ክፋል

ሓደ ባእታ ኣብ ታሕቲ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን። ኣብ ፕሮጀክትካ ውሱን መርገጺ ዘለዎ ጨናፍር ከም ዝተረዳእካዮ ኣረጋግጽ፤ ተወሳኺ CSS ክትውስኽ ከድልየካ ይኽእል እዩ።

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

ተጣባቒ ላዕለዋይ ክፋል

ንሓደ ባእታ ኣብ ላዕሊ ናይቲ ቪውፖርት ኣቐምጦ፣ ካብ ወሰን ናብ ወሰን፣ ግን ምስ ሓለፍካዮ ጥራይ። እቲ .sticky-topዩቲሊቲ CSS's ይጥቀም position: sticky፣ እዚ ድማ ኣብ ኩሎም ዳህሰስቲ ምሉእ ብምሉእ ኣይድገፍን እዩ።

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

ምላሽ ዝህብ ተጣባቒ ላዕለዋይ ክፋል

.sticky-topንጥቕሚ እውን ምላሽ ዝህቡ ፍልልያት ኣለዉ ።

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>