Nefunguje vám fixní zobrazení prvku (div) v Chrome na iPhonu?

by Zdeněk Večeřa 0 Comments

Pokud nastavíte divu position: fixed a height: 40px, v Safari na iPhonu to bude bez problémů fungovat (div bude stále vidět, nebude rolovatelný). Problém přichází s Chrome for iPhone, který div chápe jako standardní prvek, a tedy s rolování zmizí (nechová se fixně).

Odstraňte display: inline, a také smažte float: right, pokud chcete prvku nastavit position: fixed. Nezapomeňte nastavit hodnoty top a right.

.header {
margin: 0;
font-family: Arial;
font-weight: bold;
height: 40px;
width: 300px;
position: fixed;
top: 0; <– upravte dle potřeby
right: 0; <–  upravte dle potřeby
z-index: 100;
}

Více info na stackoverflow.com.



Leave a reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>