html - 隐藏所有固定位置元素

Question

我厌倦了显示固定元素的网页，这些元素始终在屏幕上跟随您，有时会部分挡住页面 View 。 ( 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并使用相同的脚本。