Павел Емцов

Вот полезная статья по данной теме

Это делается с помощью Js. Я написал пример на jquery.

window.onscroll = function() {
    var scroll = $(document).scrollTop();
    if (scroll >= $(document).height() - $(window).height()){
        $('.sidebar').addClass('sidebar--bottom');
    }else{
        $('.sidebar').removeClass('sidebar--bottom');
    }
}

В стилях уже подправляете.

.sidebar--bottom {
  top: auto;
  bottom: 500px;
}

Примерно так.

Да работает лишь от части. Если бы у меня везде было a- то помогло бы.
А так идут сначала все буквы по алватиту с цифрами до 10, а потом остальные.