--- id: 587d781e367417b2b2512acc title: Lock an Element to the Browser Window with Fixed Positioning challengeType: 0 videoUrl: '' localeTitle: قفل عنصر إلى نافذة المتصفح مع تحديد المواقع الثابتة --- ## Description
مخطط التخطيط التالي الذي يقدمه CSS هو موضع fixed ، وهو نوع من الموضع المطلق الذي يقوم بتأمين عنصر يتعلق بإطار المستعرض. مماثلة للموضع المطلق ، يتم استخدامه مع خصائص إزاحة CSS ويزيل العنصر أيضًا من التدفق العادي للمستند. عناصر أخرى لم تعد "تدرك" حيث يتم وضعها ، والتي قد تتطلب بعض التعديلات تخطيط في مكان آخر. يتمثل أحد الاختلافات الرئيسية بين المواضع fixed absolute عدم تحرك عنصر ذي موضع ثابت عند تمرير المستخدم.
## Instructions
يتم تمييز شريط التنقل في الشفرة بمعرف navbar . غيّر position ليتم fixed وإزاحته بمقدار 0 بكسل من top و 0 بكسل من left . لاحظ (عدم) التأثير على موقع h1 ، لم يتم دفعه لأسفل لاستيعاب شريط التنقل وسيتعين تعديله بشكل منفصل.
## Tests
```yml tests: - text: 'و #navbar يجب أن يكون العنصر في position لتعيين fixed .' testString: 'assert($("#navbar").css("position") == "fixed", "The #navbar element should have a position set to fixed.");' - text: 'يجب أن تستخدم شفرتك top إزاحة CSS بمقدار 0 بكسل في عنصر #navbar .' testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the top CSS offset of 0 pixels on the #navbar element.");' - text: 'يجب أن تستخدم شفرتك إزاحة CSS left من 0 بكسل في عنصر #navbar .' testString: 'assert($("#navbar").css("left") == "0px", "Your code should use the left CSS offset of 0 pixels on the #navbar element.");' ```
## Challenge Seed
```html

Welcome!

I shift up when the #navbar is fixed to the browser window.

```
## Solution
```js // solution required ```