2015-05-12 3 views
-2

Мне нужно добавить кусок кода CSS в элемент во время прокрутки. Однако он не добавляется. Но когда я это делаю через консоль разработчика, он работает..css() функция не добавляет css transform

if ($('header').hasClass('header-horizontal-stacked')){ 
    menu.css({ 
     'transform': '-' + headerTopHeight + 'px' 
    }); 
} 

Если я использую как этого консоль показывает 68 что правильно:

if ($('header').hasClass('header-horizontal-stacked')) { 
    console.log(headerTopHeight) 
} 

Если я использую это также работает.

if ($('header').hasClass('header-horizontal-stacked')) { 
    console.log("ok!"); 
} 

В чем проблема с первым?

+3

что такое 'menu'? Это класс или id? –

+3

Проверка преобразования CSS http://www.w3schools.com/cssref/css3_pr_transform.asp –

+0

преобразование поставляется с дополнительными свойствами, такими как translate/rotate и т. Д. –

ответ

0

две вещи:

  1. Попробуйте сделать: menu.css («цвет фона», «# ff0»), чтобы увидеть, если он работает
  2. Если это не проблема, вероятно, в отсутствие translateY (или все, что вы делаете с преобразованием)

    menu.css({'transform': 'c(-' + headerTopHeight + 'px)' });