| Autor | Zpráva | ||
|---|---|---|---|
| perwin Profil |
Ahoj,
chtěl bych se zeptat, jak lze vyrobit něco takového, jako je menu zde: http://www.ceskatelevize.cz/porady/147536-ucitel-tance/29435313062/4618-uvodni-stranka/ Když scrollujete dolů a to menu je na vrcholu stránky, tak se vám na ten vrchol stránky přilepí, ale když jste skoro úplně dole, tak se zase odlepí, a jsou tam jiný věci. Podobně je to třeba zde: http://www.novinky.cz/domaci/224542-v-cesku-padaji-teplotni-rekordy-v-budejovicich-bylo-14-3-stupne.html Vpravo (Jak je  ) je ta reklama, která funguje jako to menu na stránkách České televize. Prosím poraďte, Děkuji
|
||
| l564 Profil |
#2 · Zasláno: 7. 2. 2011, 20:24:43
Sice to není přesně ono něco tady máš
|
||
|
Časová prodleva: 3 měsíce
|
|||
| perwin Profil |
#3 · Zasláno: 13. 5. 2011, 23:10:15
l564:
No já bych spíš potřeboval poradit jak to vyrobit,... a ne jako menu, ale doopravdy něco jako je to v těch odkazech. Děkuji |
||
| Keeehi Profil |
#4 · Zasláno: 13. 5. 2011, 23:48:41
http://www.jakpsatweb.cz/javascript/priklady/fixed-object.html
- můžeš z toho použít ten javascript a upravíš ho tak, aby ten objekt držel na stejném místě akorát od nějaké pozice do jiné pozice. |
||
| perwin Profil |
#5 · Zasláno: 14. 5. 2011, 11:39:25 · Upravil/a: perwin
Keeehi:
A jak to nastavit aby se držel na vršku stránky když se třeba nachází 300px od vršku... tedy myslím tím, že když se nachází těch 300px od vršku, tak aby když odscrolluju těch 300px, aby se přichytil na vršku stránky (0px od vrcholu) a kdyby s ním doscrolloval třeba na 600px od spodu stránky, tak aby se zase olepil od vršku a zmizel za ním (jako zascrollovaný). Viz to menu vlevo na stránkách ČT: http://www.ceskatelevize.cz/porady/147536-ucitel-tance/29435313062/4618-uvodni-stranka/ nebo ta reklama na novinky.cz vpravo: http://www.novinky.cz/domaci/224542-v-cesku-padaji-teplotni-rekordy-v-budejovicich-bylo-14-3-stupne.html Díky... |
||
| Keeehi Profil |
#6 · Zasláno: 14. 5. 2011, 14:55:05
http://code.programujte.com/code/57:zjisteni-odscrollovane-casti-na-strance
Samozřejmě není potřeba používat jquery jenom to je jednodušší řešení a momentálně nemám čas to vytvářet a zkoušet. |
||
| perwin Profil |
#7 · Zasláno: 15. 5. 2011, 22:33:55
Keeehi:
Jo díky moc už jsem to zprovoznil... |
||
|
Časová prodleva: 2 měsíce
|
|||
| perwin Profil |
#8 · Zasláno: 14. 7. 2011, 11:13:37 · Upravil/a: perwin
Tady je kód, jak jsem to zprovoznil.
Funguje to jak ve všech IE, tak v Netscape prohlížečích. V opeře nevím. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<style type="text/css">
#levy { position:absolute; left: 100px; width:400px; height: 300px; border: green 3px solid; background: rgb(245,245,245); padding: 5px; }
</style> <!-- neměl by tu být parametr top:...; -->
<!--[if lt IE 5.5000]> <style type="text/css"> #levy { position: static; float: left; } </style> <![endif]-->
</head>
<body>
<div id="levy"> <!-- tag <script> musí být v tomto divu -->
<script type="text/javascript" language="JavaScript">
function Hornilevy()
{
document.getElementById("levy").sP=function(y){this.style.top=y+"px";};
document.getElementById("levy").y = 50; /* 50 je výška od vršku stránky v pixelech na začátku animace jízdy */
fixvlevo=function()
{
var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
var dsoctop=document.all? iebody.scrollTop : pageYOffset;
document.getElementById("levy").y += (dsoctop + 100 - document.getElementById("levy").y)/8; /* ta 50 značí jak moc dolů od vršku stránky musí jet div, nehledě na předchozí údaje */
document.getElementById("levy").sP(document.getElementById("levy").y);
setTimeout("fixvlevo()", 40); /* 40 je čas do jakého musí div dostihnout stránku */
}
fixvlevo()
}
Hornilevy();
</script>
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br>
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s <br>s
</body>
</html>
|
||
|
Časová prodleva: 13 let
|
|||
0