نريد أن نتيح هذا المشروع المفتوح المصدر إلى كل الناس حول العالم. من فضلك ساعدنا على ترجمة محتوى هذه السلسله للغة التى تعرفها.
الرجوع الي الدرس

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

الأهمية: 5

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

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

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

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

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

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