Как применить стиль CSS-кода, когда класс css добавлен JS

Что я пытаюсь сделать, так это: у меня есть верхний фиксированный бар, который при прокрутке вниз имеет меньшую высоту, а меню в порядке, однако изображение логотип масштабируется под черной полосой с примерно 5 px;Как применить стиль CSS-кода, когда класс css добавлен JS

Я думал разрешить это следующим образом: добавления margin-top:30px к логотипу, и я хочу, когда класс mk, который изменяет высоту панели меньших один на прокрутку, чтобы внести изменения в класс логотипа быть margin-top:0 это возможно JS?

источник

2013-12-02 Liza

звучит как быстро исправить. Почему бы не опубликовать свой код, чтобы мы могли посмотреть ваши css и html? :) – nkmol

Я не знаю точно, что разместить это просто панель с меню и логотипом слева, мне просто нужен стиль CSS, который будет добавлен в класс, когда у 4-го родителя есть класс 'mk' ... – Liza

Well просто панель с меню и логотип слева не много говорит «посторонним». Глобальной формулы создания меню нет, его можно создать разными способами. Вы можете просто опубликовать css и html этого меню, если вы не уверены, что публиковать. Также здесь стоит [jsFiddle] (http://jsfiddle.net/) вашей проблемы :) – nkmol

Вы можете сделать это в JavaScript:

yourObject.style.marginTop="0px"

источник

2013-12-02 13:33:56 Shryme

как его применять точно? – Liza

В javascript просто замените «yourObjet» на имя вашего объекта, который вы получаете с документом .getElementById ('yourObjectId'), затем вызовите style.marginTop = "0px"; – Shryme

это как здесь: http://artbees.net/themes/jupiter-demo/, вышеприведенная строка с прокруткой изменяет ширину и, следовательно, логотип, мой логотип не работает, меню работает, но логотип не :( – Liza

В ваш логотип может быть, вы можете сделать что-то подобное?

element.style.marginTop="0px"

В основном то, что вы хотите сделать, что, когда вы достигнете логики прокрутки в коде JavaScript вы хотите сделать

var element = document.getElementId("IdOfYourElementThatyouWantToApply");

Затем примените стиль как приведенный выше код.

источник

2013-12-02 13:36:10 alicoding

Я хочу, чтобы это было сделано, когда у 4-го родителя выше класс mk, затем измените margin-top на 0, потому что этот класс добавляется при прокрутке вниз ... – Liza

Можете ли вы обновить свой вопрос своими кодами? – alicoding

это как здесь: http://artbees.net/themes/jupiter-demo/, вышеприведенная полоса прокрутки изменяет ширину, и поэтому логотип, мой логотип не работает, меню работает, но логотип не :( – Liza

В JQuery вы можете сделать:

$('#YourId').attr('style', 'margin-top:0px');

Если вы хотите иметь более старый стиль, просто сделать что-то вроде этого:

var style = $('#YourId').attr('style'); 
style += " margin-top:0px;" 
    $('#YourId').attr('style', style);

источник

2013-12-02 13:36:51 SushiBalboha

Я хочу это должно быть сделано, если у 4-го родителя выше класс mk, затем измените margin-top на 0, потому что этот класс добавляется при прокрутке вниз ... не в любое время – Liza

Да, и что? Вы можете это сделать, если вы хотите, Жюст сделать что-то подобное если ($ ('# Id4thParent'). Атр ('класс') == '') тк { делать то, что я сказал } – SushiBalboha

Как применить стиль CSS-кода, когда класс css добавлен JS

ответ

Смежные вопросы