隐藏所有固定位置元素

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();

我缩小了代码，生成了书签，然后将书签拖到我的工具栏，然后将bam，即时工具拖动。

如果你真的想让它在每个页面上自动运行，你可以查看TamperMonkey并使用相同的脚本。