CSS-এ ফিক্সড পজিশনিং

এখন আমরা ফিক্সড পজিশনিং নিয়ে আলোচনা করব। এটি অ্যাবসোলিউট পজিশনিংয়ের মতো, পার্থক্যটি প্রকাশ পায় স্ক্রলবার থাকলে এই ধরণের পজিশনিং কিভাবে আচরণ করে তা দেখে।

পেজ স্ক্রল করার সময় অ্যাবসোলিউটলি পজিশন করা এলিমেন্টগুলি পেজের সাথে সাথে স্ক্রল হবে। উদাহরণ দেখুন:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}

এটি করা যেতে পারে যাতে স্ক্রল করার সময় পেজটি পজিশন করা এলিমেন্টটি তার জায়গায় থাকে। এটি করার জন্য, আপনাকে ফিক্সড পজিশনিং সেট করতে হবে position property ব্যবহার করে মান fixed এ:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: fixed; /* ফিক্সড পজিশনিং সেট করুন */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}