У меня есть функция
(function($) {
function generateBarGraph(wrapper) {
// Set Up Values Array
var values = [];
// Get Values and save to Array
$(wrapper + ' .bar, .bar2, .bar3').each(function(index, el) {
values.push($(this).data('value'));
});
// Get Max Value From Array`введите сюда код`
var max_value = Math.max.apply(Math, values);
// Set width of bar to percent of max value
$(wrapper + ' .bar, .bar2, .bar3').each(function(index, el) {
var bar = $(this),
value = bar.data('value'),
percent = Math.ceil((value / max_value) * 100);
// Set Width & Add Class
bar.width(percent + '%');
bar.addClass('in');
});
}
// Generate the bar graph on window load...
$( window ).scroll(function(wrapper) {
generateBarGraph('#dashboard-stats');
});
})(jQuery); // Fully reference jQuery after this point.
Она загружается сразу когда обновляешь страницу, а мне нужно что бы анимация происходила только когда когда я проскролю до блока с #dashboard-stats
.