Показать сообщение отдельно
  #7 (permalink)  
Старый 21.08.2013, 11:19
Новичок на форуме
Отправить личное сообщение для deathguru Посмотреть профиль Найти все сообщения от deathguru
 
Регистрация: 21.08.2013
Сообщений: 8

Вот как это сделано на том сайте:

Подключен: 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 - потому и пришел сюда за помощью.
Ответить с цитированием