কম্পিউটার টিউটোরিয়াল

CSS position: fixed


position: fixed প্রোপার্টি এলিমেন্টকে ভিউপোর্টের সাপেক্ষে পজিশন করার অনুমতি দেয়। নিচের কোড রান করে CSS position: fixed ইমপ্লিমেন্ট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div{         position: fixed;         bottom: 0;         right: 0;         width: 200px;         border: 3px solid blue;       }     </style>   </head>   <body>     <h2>position: fixed;</h2>     <p>The position: fixed; property allows you to position element relative to the viewport.</p>     <div>       div has position: fixed;     </div>   </body> </html>

আউটপুট

CSS position: fixed


  1. CSS-এ ব্যাকগ্রাউন্ড পজিশন সেট করা

  2. CSS-এ Fixed Positioning

  3. CSS এলিমেন্ট পজিশনিং

  4. CSS position:sticky এলিমেন্ট ফিক্সড হয়ে গেলে Intersection Observer ব্যবহার করে ডিটেক্ট করা