Position: behoben funktioniert nicht in Google Chrome

Ich habe Probleme mit einem 'festen' Element in Google Chrome. Das Element verhält sich wie in anderen gängigen Browsern. HierPosition: behoben funktioniert nicht in Google Chrome

ist die CSS:

#element { position: fixed; bottom: 0px; width: 100%; height: 50px; z-index: 10;}

Das Problem ist, wenn die Seite geladen wird, wird das Element am unteren Rand des Darstellungs befestigt ist, wie es sein sollte. Beim Scrollen bleibt es an der Stelle, an der es war, als die Seite geladen wurde - es bleibt nicht am unteren Bildschirmrand fixiert.

Jede Hilfe wird sehr geschätzt.

Dank

Quelle

2013-12-10 Dln

Es muss mehr zu Ihrem Problem geben, da es nicht mit dieser CSS-Regel auf Chrom reproduziert werden kann, dh. http://jsbin.com/UcIpANol/1/ funktioniert problemlos in Chrome. – Erik

Können Sie vielleicht ein [JSFiddle] hinzufügen (http://jsfiddle.net/) –

versuchen Sie den folgenden Code zu Ihrem Element hinzufügen:

-webkit-transform: translateZ(0);

Quelle

2013-12-10 19:31:37 scooterlord

Vielen Dank! Das hat super funktioniert. – Dln

froh, ich könnte helfen. Ich habe fast meine Augen gegessen, um Multi-Device/Browser-Sachen zu entwerfen ... edit: auch wenn es geholfen hat, zu akzeptieren ist die richtige Antwort, es könnte auch anderen helfen – scooterlord

das macht es noch schlimmer für mich: Vergleichen http: // jsfiddle .net/Supuhstar/t04nh943/http://jsfiddle.net/Supuhstar/t04nh943/2/ – Supuhstar

hatte ich eine Eigenschaft: -webkit-Perspektive: 800; auf dem Body-Tag .. diese entfernt und die feste Positionierung begann wieder ... obskure arbeiten, aber

Quelle

2015-01-25 03:27:12

DANKE. SIE. ICH WAR. GEHEN. ***WAHNSINNIG***. –

danke für mich gearbeitet –

Es funktioniert auch für mich, wenn ich die Perspektive Eigenschaft entfernt, aber ich brauche es für einen Parallax-Effekt ... Das ist zum Kotzen. – pmrotule

Als Ergänzung zu der gewonnenen Antwort eines Blick wert: würde dies nicht, wenn Sie „-webkit haben -transform-style: preserve-3d " in einem der übergeordneten Elemente. Ich weiß nicht warum, ich hatte gerade solche und entfernte es.

Quelle

2015-02-05 16:29:30

ich deaktivieren musste:

-webkit-transform: none !important; 
transform: none !important;

es für mich zu machen.

Quelle

2016-09-27 22:35:52

Position: behoben funktioniert nicht in Google Chrome

Antwort

Verwandte Themen