Скрытие всех элементов фиксированной позиции

Question

Я устал от веб-страниц, которые показывают фиксированный элемент, который всегда следует за вами на экране, а иногда частично блокирует представление страницы. (Example.) Я хочу создать пользовательское правило CSS для добавления в Chrome, которое установило бы display: none; всем элементам, которые имеют position: fixed;

Возможно ли это? Как?

Answer 1

IMO, самый простой способ создать то, что вы хотите, сделать букмарклет, чтобы скрыть все фиксированные элементы. Он не будет запускаться автоматически на каждой странице, но вы можете щелкнуть по нему, когда что-то вас раздражает.

Я использовал Ben Alman's jQuery bookmarklet generator с фильтром от this existing Stack Overflow question.

$('*').filter(function() { 
    return $(this).css("position") === 'fixed'; 
}).hide(); 

Я уменьшенная код, генерируется букмарклет, затем перетащил букмарклет моей панели инструментов и, бац, мгновенный инструмент.

Если вы действительно хотите, чтобы это автоматически запускалось на каждой странице, вы можете проверить TamperMonkey и использовать тот же скрипт.