Вот как это сделано на том сайте:
Подключен: http://www.borgo27.it/js/jquery.jscrollpane.min.js
Тут, видимо, подключается сам скрипт:
http://www.borgo27.it/js/views/all.js в строках, ориентировочно:
scrollpane.jScrollPane({
showArrows: true,
//autoReinitialise: true,
//animateScroll: true,
//animateDuration: 1000,
//animateEase: 'easeInOutExpo',
mouseWheelSpeed: 40
});
api = scrollpane.data('jsp');
$(window).load(function () {
api.reinitialise();
});
Далее сам код изменения позиции круглых плашек тут:
http://www.borgo27.it/js/views/home.js
Думаю, вот в этих строках:
$("#scale1").css({ "marginTop": -(265 - (api.getContentPositionY() / 1)) });
$("#scale2").css({ "top": -intWindowCenter + (api.getContentPositionY() / 1) });
Все сделано при помощи плагина
jscrollpane и значения
getContentPositionY, которое высчитывает координату круглой плашки и меняет ее при прокрутке. По крайней мере я так думаю. Но я плохо дружу с JQuery - потому и пришел сюда за помощью.