Position fixed + javascript – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Position fixed + javascript – JavaScript, AJAX, jQuery – Fórum – Programujte.comPosition fixed + javascript – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

BigBear0
Stálý člen
2. 5. 2010   #1
-
0
-

Ahojte, tento prispevek jsem psal i v sekci CSS, ale bylo mi receno, ze to bez JavaScriptu nepujde, tak se ptam i tady. Jak dosahnout toho, co dela na teto strance http://www.quirksmode.org/css/condcom.html napis "show site navigation"? (nejprve je kus odshora, kdyz rolujete dolu tak zustane pripevneno k vrchu a posleze, kdyz rolujete nahoru, tak opet zustane kus odshora)

Nahlásit jako SPAM
IP: 90.177.35.–
NECIN DRUHYM TO, CO NECHCES, ABY ONI CINILI TOBE!
liborb
~ Redaktor
+18
Guru
12. 5. 2010   #2
-
0
-

Před časem jsem něco podobného hledal a vygooglil jsem toto:



<head>
<style>#header { position: relative; top:0px; left:0px }</style>

<script>function Scrolling() {
scrollPixels = document.body.scrollTop;document.all.header.style.top = scrollPixels;
}</script>
</head>
<body onScroll="Scrolling()">
<div id="header">
<!-- zde je to, co ma mit fixni pozici -->
</div>

<!-- pokracovani body -->



Tento kód (snad je to všechno :smile1: ) by měl držet fixní pozici stále. Pokud chceš, aby to tak bylo až od určitého posunu, tak to se nejspíš udělá podmínkou, kterou doděláš do function Scrolling().

Nahlásit jako SPAM
IP: 85.207.166.–
z_moravec
~ Redaktor
+3
Posthunter
12. 5. 2010   #3
-
0
-

To BigBear : A proč se nepodíváš rovnou do zdrojáku toho webu? Je to napsané poměrně přehledně.

Nahlásit jako SPAM
IP: 147.251.29.–
Spát lze čtyři hodiny denně, spát déle je nemístný přepych.
Thomas Alva Edison
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 23 hostů

Podobná vlákna

Position fixed — založil pirat89

Position fixed — založil BigBear

Menu position: fixed — založil zelenac1

Fixed — založil BoBy

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý