Я пытаюсь получить div для анимации 0% - 100% относительно процента прокрутки элемента.
Теперь я создал несколько переменных, но у меня возникли проблемы с попыткой вычислить высоту одного процента.
Мы можем легко установить начальную ширину и легко обнаружить прокрутку, так как мы можем получить высоту элемента, который вызовет анимацию, я просто не могу получить ее в виде процента.
Если я могу выяснить, как вернуть процент прокрутки conheight, тогда это должно быть легко.
$(window).scroll(function() {
// calculate the percentage the user has scrolled down the page
var scrollPercent = ($(window).scrollTop() / $(document).height()) * 100;
$('.bar-long').css('width', scrollPercent +"%" );
});
Здесь jsfiddle, http://jsfiddle.net/SnJXQ/
Это анимирующий барабан, основанный на проценте прокрутки элемента body.
Анимирует от 0% до 100% (ну, на самом деле это не так, но я не могу понять, почему).
То, что я хотел бы сделать, это получить процент прокрутки в .post div, а затем оживить его по отношению к этому. то есть. Прокрутка 10% от .post,.bar-long составляет 10% ширины, прокручивается 70%.post,.bar-long - 70%.