/ / Jquery UI - cabeçalho com posição fixa e conteúdo com scroll - css, jquery-ui, layout

Jquery UI - cabeçalho com posição fixa e conteúdo com scroll - css, jquery-ui, layout

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 № 1

Você 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.