Jak "zmrazit-znehybnit" obrázek ve stránce?

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Odpovědět
NYMEK
nováček
Příspěvky: 9
Registrován: 26 pro 2005 16:52

Jak "zmrazit-znehybnit" obrázek ve stránce?

Příspěvek od NYMEK »

Ahojky všem prosím o radu kódu nebo scriptu při uložení obrázku-ikony s odkazem na Facebook jako je to na stránce
http://www.kdomitoudela.cz/ v levé části. Při scrollování se obrázek nehýbá a zůstává na stejné pozici jakoby "přimražený" :-)
Díky za odpověď
NYMEK
d1amond
člen HW spec týmu
Příspěvky: 16119
Registrován: 26 kvě 2008 10:14
Bydliště: České Budějovice

Re: Jak "zmrazit-znehybnit" obrázek ve stránce?

Příspěvek od d1amond »

viz bgproperties
http://www.jakpsatweb.cz/pozadi.html

a pomocí css vlastnost background-attachment: fixed.
Nikdy neříkej, že to nejde, protože se najde někdo, kdo o tom neví a udělá to!
Chcete si nechat sestavit nový počítač?
NYMEK
nováček
Příspěvky: 9
Registrován: 26 pro 2005 16:52

Re: Jak "zmrazit-znehybnit" obrázek ve stránce?

Příspěvek od NYMEK »

Díky moc za odpověď. Koukal jsem na ten odkaz, ale je to hodně zeširoka...samé pozadí. Můžeš mi prosím napsat přímo kód, jak bys to udělal?
Díky moc předem za odpověď.
NYMEK
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: Jak "zmrazit-znehybnit" obrázek ve stránce?

Příspěvek od LuCaCZ »

Aby se nějaký objekt na stránce nehýbal, přiřadíš mu pomocí CSS position: fixed a pak kde má být (top, left). Takže by to pak mohlo vypadat nějak takto:

Kód: Vybrat vše

<div style="position: fixed; top: 100px; left: 0">
cokoliv co se nemá hýbat
</div>

position: fixed určuje pevnou pozici relativně k oknu prohlížeče, top kolik pixelů(procent) od shora, left zleva... apod.
Odpovědět

Zpět na „Programování a tvorba webu“