| Autor | Zpráva | ||
|---|---|---|---|
| Mychal Profil |
#1 · Zasláno: 5. 5. 2012, 17:44:26
Dobrý den,
zoufale se snažím zařídit, aby <div> s pevnými rozměry měl scrollovací lištu a text v něm byl zarovnaný dolů, něco jako chatovací okno na Facebooku. Buď jedno nebo druhé není probém, ale oboje mi nejde :-( Poradí někdo, prosím? |
||
| Borius Profil |
#2 · Zasláno: 5. 5. 2012, 20:27:00
Mychal:
Nevím sice, jak vypadá chatovací okno na facebooku, mno obě podmínky bych sloučil například takto: <div style="height:400px; width:220px; overflow:hidden; overflow: scroll; background:#FFFF99;">
<div style="width:100%; position:relative; top:100%;">
<p style="position:relative; top:-100%; background: #FFCC99;">
Sázím slova do bloku, sobe pískám do kroku.
</p>
</div>
</div> |
||
| Mychal Profil |
#3 · Zasláno: 5. 5. 2012, 21:38:11
Díky moc!! Ale jsem trouba, nevyjádřil jsem se moc přesně. Já bych potřeboval, aby to bylo kromě tohoto při načtení stránky rovnou scrollnuté dolů. Šlo by to nějak? CSS, javascript?
|
||
| margin Profil * |
#4 · Zasláno: 5. 5. 2012, 21:47:06
|
||
| Borius Profil |
#5 · Zasláno: 5. 5. 2012, 23:07:06
Mychal:
Díval jsem se na ten Facebook a jeho chatovací okno. Stav, který popisuješ, je vytvořen pomocí CSS, především visibility, position, overflow. A samozřejmě mnoha dalších vlastností…
Nápověda: To, že je to jakoby srolované dolů, je vytvořené skrytím prvků (visibility). margin: Řekl bych, že Mychalovi nejde o kotvy, ale o částečně skrytý kontejner. |
||
| margin Profil * |
#6 · Zasláno: 5. 5. 2012, 23:29:17
Borius:
„Řekl bych, že Mychalovi nejde o kotvy, ale o částečně skrytý kontejner.“ Kotvy fungují i v částečně skrytém DIVu. Mychal píše „Já bych potřeboval, aby to bylo kromě tohoto při načtení stránky rovnou scrollnuté dolů“, což jde udělat kotvou umístěnou na konci elementu, který má overflow:hidden; nebo overflow: scroll; Pak to nebude jakoby odscrolované dolů, ale doopravdy. Jak to funguje, jde vyzkoušet třebas na http://interval.cz/podklady/hotova-reseni-css/priklad-79-1.htm, jediný rozdíl je, že v odkázaném příkladu je kotev více a jsou jinak rozmístěny, ale princip je stejný. |
||
| Mychal Profil |
#7 · Zasláno: 7. 5. 2012, 16:26:59
Díky moc všem, kdo se snažili pomoci.
Už jsem to vyřešil pomocí objDiv.scrollTop = objDiv.scrollHeight;
|
||
|
Časová prodleva: 12 let
|
|||
0