Wie deaktiviere ich die Position: in Webseiten behoben?

8

Diese Website:

Ссылка

hat einen wirklich nervigen Header, der immer auf dem Bildschirm ist und nicht wegscrollt.

Wenn ich in Firefox mit der rechten Maustaste darauf klicke und 'inspect element', dann finde ich, dass die CSS "position: fixed;" enthält, und wenn ich dies deaktiviere, verhält sich die Kopfzeile und scrollt weg, wie Gott die Header vorhat mach das.

Gibt es eine Möglichkeit, firefox dazu zu bringen, dies automatisch zu tun, d. h. alle position: fixed lines von allen Seiten zu entfernen, bevor sie gerendert werden?

Bearbeiten -------

Nach ein paar Gedanken, was ich will, ist ein Bookmarklet, das diese Art von Ding töten wird.

Also, wie SciMonster vielversprechend aussieht:

%Vor%

in

%Vor%

geeignet, um in das Standortfeld eines Firefox-Lesezeichens zu gelangen?

Mit der Win-Bedingung, dass Sie, wenn Sie zu Ссылка gehen und auf die Bookmarklet-Schaltfläche klicken, die schwebende Kopfzeile nicht mehr schweben und wegrollen, als ob Sie hatte position: fixed; im Element-Inspektor gelöscht.

    
John Lawrence Aspden 30.10.2014, 22:15
quelle

5 Antworten

2

Ich habe diese Antwort gefunden, die erklärt, wie man Elemente mit einer bestimmten CSS-Eigenschaft (mit jQuery) findet:

%Vor%

Wenn wir dann diese zurückgegebene Menge verwenden, können wir die Positionen auf static zurücksetzen:

%Vor%

Platziere das einfach in einem Userscript (mit jQuery enthalten) und du bist fertig!

Und eine Nicht-jQuery-Lösung ...

%Vor%     
Scimonster 30.10.2014, 22:21
quelle
2

Diese beiden Fragen zu stackoverflow und Superuser sind sehr ähnlich.

Wahrscheinlich die einfachste Lösung (vorgeschlagen in den Antworten auf Superuser ) installiert dies fettaffe Skript . Es hat Der Vorteil, dass es versucht, clever zu sein, indem man nur über relevante Ereignisse loopt HTML-Elemente und versuchen, Pseudo-Popup-Fenster zu erkennen, und nicht diese zu lösen. Es wird automatisch auf allen geladenen Webseiten ausgeführt, es sei denn Sie bearbeiten die Kopfzeile @include . (Ich habe es nicht wirklich getestet.)

Wenn Sie ein Bookmarklet möchten, sollte dies die Aufgabe erfüllen (getestet auf nautil.us):

%Vor%

Als Bonus, dass css position: sticky Header jetzt sind auch ihre hässlichen Köpfe auftauchen, können Sie beide loswerden und "behoben" Elemente:

%Vor%

Nicht komprimiert:

%Vor%     
aplaice 18.03.2017 19:39
quelle
1

Danke, Scimonster. Ich habe Ihre jQuery-Lösung verwendet, diese jedoch geändert, um nach dem Header-Tag (und dem importierten jQuery) zu suchen:

%Vor%     
Astroxslurg 05.12.2016 23:24
quelle
0

Das ist großartig:

Ссылка

Ein klebriger Header ist ein sicheres Zeichen für Dinge, die Sie nicht auf Ihrem Bildschirm haben wollen, und das zerstört sie einfach!

Es könnte wahrscheinlich geändert werden, um sie von fest auf statisch zu ändern, aber ich habe keinen Fall gefunden, wo ich es wirklich möchte.

    
John Lawrence Aspden 15.03.2017 18:10
quelle
0

Nochmals aktualisieren

Eine Vanilla JS Lösung:

%Vor%

Benutzer: Ссылка

    
zcyzcy88 09.05.2017 11:03
quelle