Autor | Zpráva | ||
---|---|---|---|
moom Profil |
#1 · Zasláno: 15. 9. 2012, 10:38:39
Lidi zlatí už si tady půl dne lámu hlavu nad tím jak udělat logo na stránce, umístěné na fixním místě,
aby při skrolování stránky zůstalo zarovnané k top: 0px, ale aby při zmenšení velikosti prohlížeče se ve vodorovném směru odsunulo spolu s obsahem doleva. Aby se obsah (content) neposunul pod logo. Existuje prosím nějaké řešení? Zde je prosím ukázka Děkuji, děkuji, děkuji |
||
Keeehi Profil |
#2 · Zasláno: 15. 9. 2012, 13:17:49
Pokud to správně chápu, tak pokud je okno pro obsah moc úzké, tak se má logo schovat za levý okraj. Pokud ano, tak jsem to řešil zde. Oříznutí přebytečné grafiky
|
||
moom Profil |
#3 · Zasláno: 15. 9. 2012, 20:31:19
Děkuji za pomoc, ale nastudoval jsem odkaz, ale vůbec nepochopil jak mně může pomoct.
Prosím o popokopnutí :) |
||
Keeehi Profil |
#4 · Zasláno: 16. 9. 2012, 23:25:19
Na tom webu, o kterém se v té diskuzi mluví je kolem světle modré hlavní části cca 10px stín. Pokud je okno prohlížeče úzké, tento stín se schovává. Pokud to s logem uděláte stejně jako je vyřešený ten stín, bude se taky schovávat za okraj.
|
||
moom Profil |
#5 · Zasláno: 17. 9. 2012, 09:21:32
Keeehi: děkuji za odpověď, ale jestli jsem se koukal správně, tak má
DIV wrapper šířku 900 plus padding 20px vpravo a vlevo, tedy wrapper má celkem 940px. To je jasné, že se pak schovává celý kontejner, protože má faktickou šířku 940px. Bohužel to vůbec neřeší mojí otázku, kde má logo position: fixed, Když se skroluje stránka dolů tak zůstává na místě, což je správně, ale otázkou je, jestli se při skolování do strany dá nastavit aby element umístěný skrze "fixed" zůstal třeba u levé hrany jeho rodičovského elementu a né držel stále svoji levou hranu fixně umístěnou ke straně prohlížeče. |
||
panther Profil |
#6 · Zasláno: 17. 9. 2012, 10:18:16
moom:
v tom pripade nechce fixne pozicovany element (vuci oknu prohlizece), ale absolutne vuci rodici. Pri scrollovani men top podle offset u JavaScriptem. Ciste reseni v pouhem CSS udelat nejde (nejde mit jednu souradnici fixni (vuci viewportu) a druhou absolutni (vuci levemu hornimu okraji wrapperu)).
|
||
moom Profil |
#7 · Zasláno: 17. 9. 2012, 11:32:01
panther: Paráda, to mě nenapadalo, vyzkouším jQuery. Tedy už jsem pomocí něj
nastavil zkušebně top na 10px, ale jak kurňa nastavit, aby se měnila pozice podle scollování... Elementy jsem dal plout vlevo: Viz ukázka Přesouvám tedy téma do místnosti JavaScript. Jo a jQuery jsem napsal takto: $(function() { $(".logo").offset({ top: 10 }); }); |
||
panther Profil |
moom:
tam by melo byt neco jako... $('.logo').animate({top: parseInt($(document).offset().top) + 30 + 'px'}) // 30px odshora, misto document tam mozna bude jiny selektor, ted si nejsem jisty, nepouzivam |
||
moom Profil |
#9 · Zasláno: 17. 9. 2012, 12:24:22
Vyzkouším, otestuji, zatím díky :)
|
||
Časová prodleva: 12 let
|
0