Денис Инешин: ну квадрат понятно, что задается высота и ширина, а дальше по координатам, но у фигуры там целая куча координат и получается таким методом ее не забить.
Немного погорячился, на первый взшляд показалось, что сработало, но как оказалось, что нет. Как я понял, в условие написанное вами нужно было поместить сам скрипт?
if(window.screen.width>=982){
$(document).ready(function(){
// cache the window object
$window = $(window);
$('div[data-type="background"]').each(function(){
// declare the variable to affect the defined data-type
var $scroll = $(this);
$(window).scroll(function() {
// HTML5 proves useful for helping with creating JS functions!
// also, negative value because we're scrolling upwards
var yPos = -($window.scrollTop() / $scroll.data('speed'));
// background position
var coords = '50% '+ yPos + 'px';
// move the background
$scroll.css({ backgroundPosition: coords });
}); // end window scroll
}); // end section function
}); // close out script
/* Create HTML5 element for IE */
document.createElement("div");
Nikolay Talanov: transform/backface-visibilit - не применял. jsfiddle.net/Olbery/4mtyu/291 - если убрать position: relative то работает, но он жизненно важен для этого блока, поэтому его убрать немогу. Остается вариант как пофиксить этот баг.
Владимир Ионов: я понимаю о чем Вы, что нужно параметры для всех диаграмм вынести в отдельную функцию, и ее уже подключать к анимации каждой отдельной диаграммы. Только как это сделать, чтобы было просто не знаю, потому как варианты приходят только такие, что код будет обьемнее чем если каждому задавать отдельно.
Большое вам спасибо! Если вас не затруднит - не подскажете, почему не выводится value: '80%' - а только цифры, а знак процентов нет, ведь он указан в значении?
