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

0

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

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

  • 1
    Звучит как быстрое решение. Почему бы не опубликовать свой код, чтобы мы могли посмотреть ваши CSS и HTML? :)
  • 0
    я не знаю точно, что публиковать, это просто строка с меню и логотипом слева, мне просто нужно, чтобы стиль CSS был добавлен в класс, когда у 4-го родителя есть класс mk ...
Показать ещё 2 комментария
Теги:

3 ответа

2

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

element.style.marginTop="0px"

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

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

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

Поделиться
  • 0
    я хочу, чтобы это было сделано, когда у 4-го родителя выше есть класс mk, затем изменим маржинальную вершину на 0, потому что этот класс добавляется при прокрутке вниз ...
  • 1
    Можете ли вы обновить свой вопрос с вашими кодами?
Показать ещё 1 комментарий
0

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

yourObject.style.marginTop="0px"
Поделиться
  • 0
    как это точно применить?
  • 0
    В javascript просто замените «yourObjet» на имя вашего объекта, которое вы получите с document.getElementById ('yourObjectId'); затем вызовите style.marginTop = "0px";
Показать ещё 3 комментария
0

В JQuery вы можете:

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

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

    var style = $('#YourId').attr('style');
style += " margin-top:0px;"
    $('#YourId').attr('style', style);
Поделиться
  • 0
    я хочу, чтобы это было сделано, когда у 4-го родителя выше есть класс mk, затем изменим маржинальную вершину на 0, потому что этот класс добавляется при прокрутке вниз ... не всегда
  • 0
    Ага и что с того? Вы можете сделать это, когда захотите, просто сделайте что-то подобное, если ($ ('# Id4thParent'). Attr ('class') == 'mk') {делайте то, что я сказал}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню