2014-05-22 2 views
8

Ich arbeite an einer Website, die mit einem Schlüssel Navigationselement in der unteren linken Ecke entworfen wurde. In Google Chrome gibt es unten links eine Statusleiste, die angezeigt wird, wenn Sie einen Link auf der Seite rollen und die URL der Seite anzeigen. Wenn Sie jedoch nah genug kommen, bewegt sich das nach rechts unten. Dies steht diesem Navigationselement im Weg.Entfernen/verschieben Sie die Google Chrome Statusleiste unten links (Link Adressleiste)

Meine Frage ist, kann dies entfernt/bewegt (unten rechts) mit CSS, HTML oder JavaScript? Bitte beachten Sie einige Hinweise unten.

  • Idealerweise möchte ich dies dauerhaft nach rechts verschieben.
  • Ich bin mir bewusst, dass dies aus vielen Gründen erforderlich/Best Practice ist, so möchte ich vermeiden zu entfernen.
  • Ich bin mir bewusst, dass ich die href aus dem Link entfernen und ein onClick-Ereignis verwenden kann, dies könnte eine mögliche Problemumgehung sein, aber eine Verschiebung nach rechts wäre in diesem Fall eine bessere Lösung.
  • Ich bin mir auch sicher, dass es eine große Debatte darüber gibt, dieses Navigationselement sowieso links unten zu haben, aber ich suche nach einer Lösung innerhalb der Parameter, mit denen ich arbeiten muss.

Dank

Antwort

9

Chrome liest das HREF-Attribut von Ihrem Link, um den Link in der Statusleiste anzuzeigen.

Wenn Sie also den HREF von Ihren A-Tags entfernen, wird die Statusleiste nicht angezeigt. Der Link funktioniert aber auch nicht, :). Aus diesem Grund können Sie in MouseOver einen Event-Handler erstellen, mit dem Sie Ihre Links bearbeiten können.

Sie könnten zusätzliche Probleme ausführen, wie deaktivierte Links oder Links, die andere Event-Handler haben.In diesem Fall können Sie Ihren Selektor auf 'a:not(.disabled)' optimieren oder diese Delegierung vielleicht nur zu bekannten Elementen mit der css-Klasse ".disable-status" hinzufügen, daher wäre Ihr Selektor: "a.disable-status".

+0

danke bro! Ich hätte daran denken sollen! ;))) – LoomyBear

+0

Kann dies angepasst werden, um mit Firefox und anderen Browsern zu arbeiten? –

+0

Das geht bei mir nicht, kann mir bitte jemand helfen? –

0

wie es diesen kleinen Status mit Link scheint auf mit href poped auf. Sie können das Element ohne das href-Attribut erstellen und stattdessen das onclick-Ereignis verwenden, um den Benutzer zu leiten.

gerade auf Sache, ich denke, dass Sie die besuchte Funktionalität fehlen werden.

+0

Danke für Ihre Antwort, das war etwas, was ich vermeiden wollte. Weißt du, ob ich die Standardfunktionalität des Browsers ändern kann? – alexmcfarlane

+0

Entschuldigung. keine Ahnung. –

2

Wie Sie aus diesem Screenshot sehen können, scheint es, dass Chrome die Statusleiste außerhalb des Fensters verschiebt, wenn Sie einen Link am Rand rollen (der Link "Kommentar hinzufügen" in diesem Fall).

Also ... ich würde mir keine Sorgen machen. Es ist in Browser-Verhalten eingebaut, also wird es sehr schwer zu ändern sein. Es war einmal, dass Sie Javascript verwenden konnten, um den Inhalt der Statusleiste zu ändern, aber die Browser-Anbieter stoppen dies aus allen möglichen Sicherheitsgründen.

Lassen Sie sich nicht durch die onclick bodge verführen. Du wirst die Zugänglichkeit verlieren und die html-Dämonen werden jeden deiner schlafenden Momente verfolgen.

Eigentlich könnte man sich das alles als wünschenswertes Verhalten vorstellen: Ihre Navigation und der Status liegen direkt nebeneinander, was es dem Benutzer sehr leicht macht, die richtige Navigationswahl zu treffen (vorausgesetzt, Ihre URLs sind benutzerfreundlich). .

Screenshot of described behaviour

tl/dr: Nicht.

+0

Hinweis: Es könnte ein _little_ Bit anders auf anderen Betriebssystemen funktionieren. Wenn ich den Mauszeiger über einen Link genau am Bildschirmrand bewege, wird die "Statusleiste" überhaupt nicht angezeigt, andere Links lösen sie trotzdem aus. Anyway, +1 zu dieser Antwort, ich glaube, es ist der richtige. – giorgio

+0

Ich bin mir dieser Funktionalität bewusst, aber ich frage mich, ob es möglich ist, das Browserverhalten in Chrome zu ändern und es entweder nach rechts zu verschieben oder vollständig zu entfernen. Ich gehe davon aus, dass dies nicht der Fall ist. – alexmcfarlane

Verwandte Themen