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>