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
Sice to není přesně ono něco tady máš
perwin
Profil
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
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
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
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
Keeehi:
Jo díky moc už jsem to zprovoznil...
perwin
Profil
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>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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