ଅବସ୍ଥାନ

ଫିକ୍ସଡ୍ ଟପ୍ |

ଭ୍ୟୁପୋର୍ଟର ଉପରି ଭାଗରେ ଏକ ଉପାଦାନ ରଖନ୍ତୁ, ଧାରରୁ ଧାର ପର୍ଯ୍ୟନ୍ତ | ନିଶ୍ଚିତ କର ଯେ ତୁମେ ତୁମର ପ୍ରୋଜେକ୍ଟରେ ସ୍ଥିର ସ୍ଥିତିର ପ୍ରଭାବ ବୁ understand ିଛ; ଆପଣଙ୍କୁ ଅତିରିକ୍ତ CSS ଯୋଡିବାକୁ ପଡିପାରେ |

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

ସ୍ଥିର ତଳ |

ଭ୍ୟୁପୋର୍ଟର ତଳ ଭାଗରେ, ଧାରରୁ ଧାର ପର୍ଯ୍ୟନ୍ତ ଏକ ଉପାଦାନ ରଖନ୍ତୁ | ନିଶ୍ଚିତ କର ଯେ ତୁମେ ତୁମର ପ୍ରୋଜେକ୍ଟରେ ସ୍ଥିର ସ୍ଥିତିର ପ୍ରଭାବ ବୁ understand ିଛ; ଆପଣଙ୍କୁ ଅତିରିକ୍ତ CSS ଯୋଡିବାକୁ ପଡିପାରେ |

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

ଷ୍ଟିକି ଟପ୍ |

ଭ୍ୟୁପୋର୍ଟର ଉପରି ଭାଗରେ ଏକ ଉପାଦାନ ରଖନ୍ତୁ, ଧାରରୁ ଧାର ପର୍ଯ୍ୟନ୍ତ, କିନ୍ତୁ ଆପଣ ଏହାକୁ ଅତୀତ ସ୍କ୍ରୋଲ୍ କରିବା ପରେ | .sticky-topଉପଯୋଗିତା CSS ର ବ୍ୟବହାର କରେ , 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>