действия при скролинге документа jquery

kvins
На сайте с 23.08.2011
Offline
95
844

Мне нужно задать параметры к примеру от 300px до 900px при прокрутке страницы , двигать ползунок слева с animate используется jquery

То есть если документ прокручен от 300px , в ползунке вставить position:relative; top 100px;

При последующей прокрутке нужно чтобы в лимите 900px ползунок был position:relative; top 355px;

Как можно сделать и нужно это делать в процентном соотношении ?

Пока есть только такой код

$(window).scroll(function(){

var html = document.body;

if (html.scrollTop == 1000) {

alert("Вы уже прокрутили "+ html.scrollTop +"px этой страницы");

}

});

Магазин уникальных статей. (http://linkum.ru/to/13254/)
VHS-1980
На сайте с 21.05.2010
Offline
91
#1
$(window).scroll(function() {
var html = document.body;
page_height = $("html").get(0).scrollHeight;
pHeight = 300; //тут надо получить высоту (или ширину) всего ползунка;
currentScroll = html.scrollTop;
pPos = parseInt(currentScroll / page_height * pHeight); // позиция смещения в пикселах от начала ползунка


// устанавливаем ползунок туда куда надо
});

Как то так, конечно надо писать красиво и правильно, но написал на коленке и без проверки.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий