Друзья, всем привет!
Пытаюсь заставить правый сайдбар на сайте вращаться медленнее чем основной контент, взял за основу
скрипт только он делает прокрутку исходя из заданного коэффициента объекта data-scroll-speed="2", а мне надо отталкиваться от высоты страницы, чтобы прокрутка контента и правого сайдбара заканчивались вместе у футера. Сейчас сайдбар уезжает наверх оставляя голой пространство внизу, либо если статья на странице короткая, он залазит на футер. В общем буду рад любой помощи.
Листинг:
jQuery.fn.moveIt = function(){
var $window = jQuery(window);
var instances = [];
jQuery(this).each(function(){
instances.push(new moveItItem(jQuery(this)));
});
window.onscroll = function(){
var scrollTop = $window.scrollTop();
instances.forEach(function(inst){
inst.update(scrollTop);
});
}
}
var moveItItem = function(el){
this.el = jQuery(el);
this.speed = parseInt(this.el.attr('data-scroll-speed'));
};
moveItItem.prototype.update = function(scrollTop){
var pos = scrollTop / this.speed;
this.el.css('transform', 'translateY(' + -pos + 'px)');
};
jQuery(function(){
jQuery('[data-scroll-speed]').moveIt();
});