No layout de uma aplicação que estou desenvolvendo,o conteúdo é dividido por guias, usando a interface do usuário do Jquery. Eu quero que o usuário possa percorrer o conteúdo (rolagem vertical e horizontal), mas também quero que o cabeçalho do widget da aba esteja sempre em uma posição fixa, mas parece que a posição: fixa; não permite a rolagem e só posso ver o conteúdo que se encaixa na tela. Outra característica é que o div que eu uso para inicializar a aba também está em uma posição fixa.
Respostas:
0 para resposta № 1Você poderia conseguir isso usando position: absolute
no elemento de cabeçalho.
Então você pode compensar os elementos contidos usando um preenchimento superior: padding-top: 30px
(onde 30px é a altura do cabeçalho).
Observe que position: absolute
é relativo ao pai mais próximo que tem sua position
atributo definido para qualquer coisa, mas static
.