Autor Zpráva
Jan Knížek
Profil
Dobrý den,
chci udělat stejnou funkci jaká je zde:http://programujte.com/clanek/2010042600-vyvojove-diagramy-4-dil/, potřebuji takový ten rámeček, jak v něm jsou LIKE FB, tweet...
Naprogramoval jsem v JavaScriptu toto:
window.onscroll = function() {   
var topa = document.getElementById("spodek_menu").offsetTop - 20;

  if(window.scrollY > topa)
  {                  
    document.getElementById("spodek_menu").style.position = "fixed";  
  }else {
    document.getElementById("spodek_menu").style.position = "static";
  }
}

Řekl bych, že IE nemá vlastnost scrollY, ale jmenuje se jinak, navíc musím nějak detekovat IE.
Ve chromu mám jiný problém. Špatně se mi počítá proměnná topa. Mám tento HTML kód:
<img src="obrazky/menu.png" alt="spodek menu">
<div id="spodek_menu">
FB LIKE
</div>

Do proměnné nepočítá výšku obrázku menu.png.
joe
Profil
if ( (document.documentElement.scrollTop || document.body.scrollTop) > topa) 

Takhle by to mělo jít
Jan Knížek
Profil
Díky, v IE to funguje. Ve chromu to počítá pořád špatně.
joe
Profil
Zkus ještě tohle
var e = document.getElementById("spodek_menu");
var topa = (e.offsetTop || e.scrollTop) - 20;
Jan Knížek
Profil
nefunguje:(
joe
Profil
Ono taky záleží asi kde ten element máš, nevím přesně co teď znamenají hodnoty scrollTop, offsetTop a jim další podobné. Nicméně v Chrome si můžeš na element najet a podívat se, jaká má být ta správná vlastnost. (klik pravym -> zkontrolovat prvek; pak vpravo dole si otevři nabídku Properties, tam máš další nabídku toho elementu, například HTMLImageElement a tam si najdi tu vlastnost, co potřebuješ)
Míry
Profil *
Jan Knížek:
Ahoj přesně tohle potřebuji udělat s fotkou vlevo na http://novoborskemazoretky.cz/novinky.php ale bohuzel mam nulove zkusenosti s javascripte,.. mohl by si mi nějak poradit prosím te?:)
Jan Knížek
Profil
[#7] Míry
Ahoj přesně tohle potřebuji udělat s fotkou vlevo
Co na tom nefunguje?
[#6] joe
Díky za tip ve Chromu(ani jsem nevěděl, že tuto funkci má), pomohl mi, i když ne tak, jak jsem čekal. Vlastnost má stejnou hodnotu jako ve FF(liší se o 1px), ale obrázky nad prvkem, neměli nastavenou výšku a chrome než je načetl, vypočetl výšku a obrázky tam nezapočítal. Nastavil jsem jim atribut height a bylo po problému. Díky za rady.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0