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. 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. #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.");'
```
I shift up when the #navbar is fixed to the browser window.
```