---
id: 587d781e367417b2b2512acc
title: Prender um elemento na tela com posicionamento fixed
challengeType: 0
videoUrl: 'https://scrimba.com/c/c2MDNUR'
forumTopicId: 301061
dashedName: lock-an-element-to-the-browser-window-with-fixed-positioning
---
# --description--
O próximo esquema de layout que o CSS oferece é a posição `fixed`, que é um tipo de posicionamento absoluto que prende um elemento em relação à janela do navegador. Semelhante ao posicionamento absoluto, ele é usado com as propriedades de deslocamento CSS e também remove o elemento do fluxo normal do documento. Outros itens não "percebem" onde ele está posicionado, o que pode exigir alguns ajustes em algum lugar do layout.
Uma diferença chave entre os posicionamentos `fixed` e `absolute` é que o elemento com o posicionamento fixo não vai se mover quando o usuário rolar a página.
# --instructions--
A barra de navegação no código CSS está rotulada com o id de `navbar`. Modifique seu `position` para `fixed` e dê a ele às propriedades `top` e `left` 0 pixels. Depois de adicionar o código, role a janela de pré-visualização para ver como a barra navegação se mantém no lugar.
# --hints--
O elemento `#navbar` deve ter a propriedade `position` com o valor `fixed`.
```js
assert($('#navbar').css('position') == 'fixed');
```
A propriedade `top` deve ter o valor de 0 pixels no elemento `#navbar`.
```js
assert($('#navbar').css('top') == '0px');
```
A propriedade `left` deve ter o valor de 0 pixels no elemento `#navbar`.
```js
assert($('#navbar').css('left') == '0px');
```
# --seed--
## --seed-contents--
```html
I shift up when the #navbar is fixed to the browser window.
```
# --solutions--
```html
I shift up when the #navbar is fixed to the browser window.
```