JQuery анимировать фоновое положение - PullRequest
Новая
       56

JQuery анимировать фоновое положение

58 голосов
/ 02 марта 2011

Я не могу заставить это работать. 

$('#product_family_options_dd').animate({
  height: '300px',
  width: '900px',
  backgroundPosition: '-20px 0px',          
},

Высота и ширина анимируются, но не фон.

Ответы [ 12 ]

0 голосов
/ 03 декабря 2012

Использование Firefox:
указание двух значений: Не работает с любой комбинацией синтаксиса - как указано выше.Используя Firebug, я получаю «Ошибка при разборе значения для« background-position ». Объявление удалено».пока анимация не закончится.

'backgroundPosition': '17 .5em '- указание значения 1: работает в FF и Chrome OPera, SF (Safari) и IE с предупреждением о том, что для 2-го значения или позиции y (вертикальной) установлено"центр".Из Firebug стиль элемента устанавливается в:
style = "background-position: 17.5em center;"

0 голосов
/ 05 января 2012 
function getBackgroundPositionX(sel) {
    pos = $(sel).css('backgroundPosition').split(' ');
    return parseFloat(pos[0].substring(0, pos[0].length-2));
}

Возвращает значение [x]. Длина номера не имеет значения. Может быть, например, 9999 или 0.

Страница:
...