Как выбрать все элементы c position fixed?

Question

[Ст. Ку.]

Делаю расширение для хром, которое вставляет слева от страницы фиксированное окно шириной 480px. Для этого мне нужно подвинуть существующую страницу.

Добавляю класс к тегу html в котором задаю ширину "100% - 480px" и "left 480px".

Но элементы с "position: fixed; left: 0" - не сдвигаются (в основном это фиксированные меню).

Хочу найти найти все элементы с "position: fixed; left: 0" и задать им "left: 480px". А как - не знаю. Как? Спасибо.

П.С. Пробовал смещать через translateX, но position fixed теряется (известный баг в хром).

Answer 1

[Dark Hole]

Кастомный селектор, который будет проверять .css('position'), не?

Comments

[Ст. Ку.]

Я ж не знаю. А можно поконкретней? Спасибо.

[Dark Hole]

Ст. Ку.: что-то типа

jQuery.extend(jQuery.expr[':'], {
  fixed: function (el) {
    if(el.css('position') == 'fixed') return true;
    return false;
  }
});

[Dark Hole]

Ст. Ку.: и теперь мы можем использовать его так: $(':fixed')

[Ст. Ку.]

Dark Hole: ага, сейчас попробую. Спасибо.

[Ст. Ку.]

Dark Hole: не получается :(

el.css is not a function - пишет

https://jsfiddle.net/uw76ehxk/1/

[Dark Hole]

Ст. Ку.: ошибся, $(el).css...

[Ст. Ку.]

Dark Hole: так тоже нет :(

https://jsfiddle.net/uw76ehxk/2/

[Dark Hole]

Ст. Ку.: FACEPALM. Вот так https://jsfiddle.net/uw76ehxk/3/

[Ст. Ку.]

Dark Hole: понимаю :), но профиль не мой. Спасибо.

Answer 2

[romy4]

открываешь ноду, смотришь в styles.position, сравниваешь с fixed