الرجوع الي الدرس

إظهار ملاحظة بالقرب من العنصر (مطلق)

الأهمية: 5

قم بتعديل حل [المهمة السابقة] (info: task / position-at) بحيث تستخدم الملاحظة “الموضع: مطلق” بدلاً من “الموضع: ثابت”.

وذلك سيمنع “هربه” من العنصر عند تمرير الصفحة.

خذ حل هذه المهمة كنقطة انطلاق. لاختبار التمرير ، أضف النمط <body style =" height: 2000px ">.

الحل بسيط للغاية:

  • استخدم “الموضع: مطلق” في CSS بدلاً من “الموضع: ثابت” لـ “. ملاحظة”.
  • استخدم الوظيفة [getCoords ()] (info: إحداثيات # getCoords) من الفصل <info: إحداثيات> للحصول على إحداثيات نسبية للdocument.

افتح الحل في sandbox.