Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Elemento fixo Download

? - +
  1. Coloque a class ui_fixed no elemento que ficará fixo ao rolar a página
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Por padrão, o objeto inicia a rolagem assim que o scroll o atinge.
    • Para alterar esse padrão, insira o atributo data-top e digite um número (em pixels) para determinar o espaçamento entre o objeto e o início da rolagem, ex: data-top="50".
  2. Por padrão, o objeto rolará até o fim da página.
    • Para alterar esse padrão, insira o atributo data-bottom e digite um número (em pixels) para determinar o limite de rolagem entre o objeto e a base do documento, ex: data-bottom="950".
  3. Atenção: O objeto de rolagem não pode ser descendente de elementos relativos, uma vez que ele alternará entre fixed e absolute em relação ao html, portanto, não relativo a qualquer um dos seus ancestrais.
  1. Usuários avançados podem citar outro elemento de DOM que terá a sua altura comparada com o objeto de rolagem para determinar se haverá a rolagem
    • Se usado, o elemento comparativo impedirá o rolamento caso o objeto de rolagem seja menor do que ele
    • Para isso, insira o atributo data-compare e cite o seletor do elemento
    • Ex: data-compare=".minhaClasse" ou data-compare="#meuId"
Customizar


Espaçamento

O box irá rolar a pixels do topo.

Limite

O box irá parar a pixels do fim.
Tem certeza que deseja reiniciar todos os valores?

Resultado para Elemento fixo