javascript - 如何禁用位置 :fixed in web pages?

Question

本网站:

http://nautil.us/

有一个非常烦人的标题，它总是在屏幕上并且不会滚动。

如果我右键单击它并在 firefox 中“检查元素”，然后我发现 css 包含“position: fixed;”，如果我取消选中它，标题会正常运行，并像上帝预期的标题一样滚动到做。

有没有办法让 firefox 自动执行此操作，即在呈现它们之前从所有页面中删除所有位置:固定行？

编辑-------

想了想，我想要的是一个小书签，可以解决这类问题。

那么如何让SciMonster有前途:

var x = document.querySelectorAll('*'); // get all elements
for (var i = 0; i< x.length; i++) {
    if (x[i].style.position == 'fixed') {
        x[i].style.position = 'static';
    }
}

进入

javascript:???

适合放在火狐书签的位置字段吗？

在获胜条件下，如果您转到 http://nautil.us , 然后点击小书签按钮， float 标题停止 float 并滚动离开，就像您在元素检查器中删除了 position: fixed; 一样。

Answer 1

关于这两个问题 stackoverflow和 superuser非常相似。

可以说，最简单的解决方案(在 answers onsuperuser 中建议)是安装 thisgreasemonkeyscript .它有它试图通过只在相关事件上循环来变得聪明的优点html 元素并尝试识别伪弹出窗口，而不是解开那些。它将自动在所有加载的网页上运行，除非您编辑 @include 标题行。 (我还没有实际测试过。)

如果你想要一个小书签，那么这个应该可以完成(已测试在 nautil.us 上):

javascript:(function(){x=document.querySelectorAll('*');for(i=0;i<x.length;i++){if(getComputedStyle(x[i]).position=="fixed"){x[i].style.position="absolute";}}}())

作为奖励，考虑到 css position: sticky header 现在也会弹出他们丑陋的脑袋，你可以摆脱他们并“固定”元素:

javascript:(function(){x=document.querySelectorAll('*');for(i=0;i<x.length;i++){elementStyle=getComputedStyle(x[i]);if(elementStyle.position=="fixed"||elementStyle.position=="sticky"){x[i].style.position="absolute";}}}())

未压缩:

var x = document.querySelectorAll('*');
for(var i=0; i<x.length; i++) {
    elementStyle = getComputedStyle(x[i]);
    if(elementStyle.position=="fixed" || elementStyle.position=="sticky") {
        x[i].style.position="absolute";
    }
}