Coloque a classui_fixed no elemento que ficará fixo ao rolar a página
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
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".
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".
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.
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"