div «прилипший» к scroll'у
var elm = document.createElement('div');
elm.style.position = 'fixed';
elm.style.padding = '5px';
elm.style.right = '0';
elm.style.zIndex = '11110';
elm.style.background = '#fff';
elm.style.boxShadow = ' 0 0 1px rgba(0, 0, 0, 0.4)';
elm.style.borderRadius = '5px 0 0 5px';
elm.innerHTML = 20;

document.body.appendChild(elm);

window.onscroll = function () {
              elm.style.top = (document.documentElement.clientHeight - 36) * window.document.body.scrollTop / window.document.body.scrollHeight + 18 + 'px';
}


Например так
А если усложнить: где-то на странице есть div со скроллом. Внутри лежит див, который перемещается вместе со скроллом. Несколько решений уже написали выше. А что если мне надо:

1. Заменить скроллбары на свой дизайн
2. Див, который прилипает к бегунку, вынести вправо. Т.е. за контейнер
3. Чтобы работало IE8+

?