position মেথড
position মেথডটি
offset মেথডের থেকে আলাদা,
যেটি ডকুমেন্টের সাপেক্ষে স্থানাঙ্ক পায়,
সেটি প্যারেন্টের অফসেটের সাপেক্ষে
এলিমেন্টের অবস্থান পেতে দেয়।
position মেথডটি একই প্যারেন্টে অন্য একটি এলিমেন্টের পাশে
একটি নতুন এলিমেন্ট অবস্থান করার সময় বেশি উপযোগী।
এর ফলাফল হিসেবে, মেথডটি একটি অবজেক্ট রিটার্ন করে,
যাতে top এবং left প্রপার্টি থাকে।
গণনায় ত্রুটি ঘটতে পারে যদি ব্যবহারকারী
পৃষ্ঠার আকার পরিবর্তন করে। এছাড়াও মেথডটি
লুকানো এলিমেন্টের স্থানাঙ্ক পায় না।
সিনট্যাক্স
বর্তমান স্থানাঙ্ক পেতে। কিছু ক্ষেত্রে প্রাপ্ত মানগুলি ভগ্নাংশ হতে পারে:
$(selector).position();
উদাহরণ
আসুন position মেথড ব্যবহার করে একটি প্যারাগ্রাফের অবস্থান পাই,
যেটি একটি ডিভের ভিতরে রয়েছে,
এবং তারপর, প্রাপ্ত অবজেক্টের কীগুলিতে অ্যাক্সেস করে,
এই তথ্যটি অন্য একটি প্যারাগ্রাফে আউটপুট করি:
<div style="padding: 15px;">
<p style="margin-left: 10px;">text</p>
</div>
<p></p>
let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);
আরও দেখুন
-
offsetমেথড,
যা এলিমেন্টের বর্তমান স্থানাঙ্ক পাওয়ার অনুমতি দেয় -
offsetParentমেথড,
যা এলিমেন্টের নিকটতম অবস্থান করা অ্যানসেস্টর পাওয়ার অনুমতি দেয় -
cssমেথড,
যা এলিমেন্টের CSS স্টাইল পাওয়া এবং পরিবর্তন করার অনুমতি দেয়