--- id: 587d781e367417b2b2512acc title: Lock an Element to the Browser Window with Fixed Positioning challengeType: 0 videoUrl: '' localeTitle: Bloquear um elemento para a janela do navegador com posicionamento fixo --- ## Description
O próximo esquema de layout que o CSS oferece é a posição fixed , que é um tipo de posicionamento absoluto que bloqueia um elemento relativo à janela do navegador. Semelhante ao posicionamento absoluto, é usado com as propriedades de deslocamento CSS e também remove o elemento do fluxo normal do documento. Outros itens não mais "percebem" onde estão posicionados, o que pode exigir alguns ajustes de layout em outro lugar. Uma diferença fundamental entre as posições fixed e absolute é que um elemento com uma posição fixa não se move quando o usuário rola.
## Instructions
A barra de navegação no código é rotulada com um id de navbar . Altere sua position para fixed e compense 0 pixels a partir da top e 0 pixels a partir da left . Observe o (falta de) impacto na posição h1 , ele não foi empurrado para baixo para acomodar a barra de navegação e precisaria ser ajustado separadamente.
## Tests
```yml tests: - text: 'O elemento #navbar deve ter uma position definida como fixed .' testString: 'assert($("#navbar").css("position") == "fixed", "The #navbar element should have a position set to fixed.");' - text: 'Seu código deve usar o deslocamento CSS top de 0 pixels no elemento #navbar .' testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the top CSS offset of 0 pixels on the #navbar element.");' - text: 'Seu código deve usar o deslocamento CSS left de 0 pixels no elemento #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 ```