| Autor | Zpráva | ||
|---|---|---|---|
| Tolike Profil |
#1 · Zasláno: 28. 5. 2013, 06:21:13
Dobrý den, potřeboval bych vytvořit seznam který by měl vždy několik skupi a názvy skpin bych chtěl ponechat celou dobu na očích jako zde - www.brianhadaway.com/ioslist/index.html
Potřeboval bych ale aby šel seznam roztáhnout na 100% výšku stránky což mi u tohoto příkladu nešlo. Je tam nastavená výška v pixelech a pokud se nastaví v procentech script přestane fungovat. Potřeboval bych něco jako je toto http://blog.yjl.im/2010/01/stick-div-at-top-after-scrolling.html , ale tak aby se názvy střídaly. Nevíte o něčem, neporadíte jak kód přepsat? Děkuji. |
||
| MyShare Profil |
#2 · Zasláno: 28. 5. 2013, 18:34:42
Nazdar Tolike
body {
font: bold 20px Helvetica, Arial, sans-serif;
margin: 0;
}
dl {
margin: 0;
min-height: 1px;
overflow: hidden;
padding: 24px 0 0 0;
position: relative;
}
dt, .fakeHeader {
background: #B8C1C8;
border-bottom: 1px solid #989EA4;
border-top: 1px solid #717D85;
color: #FFF;
font: bold 18px/21px Helvetica, Arial, sans-serif;
margin: 0;
padding: 2px 0 0 12px;
position: absolute;
text-shadow: 0 1px #646A6E;
-moz-text-shadow: 0 1px #646A6E;
-webkit-text-shadow: 0 1px #646A6E;
}
dt {
bottom: auto;
min-height: 1px;
top: 0;
width: 100%;
}
.fakeHeader {
width: 98%;
z-index: 1;
}
[data-ios="true"] dt,
[data-ios="true"] .fakeHeader {
width: 90%; /*scrollbars aren't visible in iOS devices, so make the headers wider */
}
/*.fakeHeader.hidden {
visibility: hidden;
}*/
dl.animated dt {
bottom: 0;
top: auto;
}
dd {
font: bold 20px/45px Helvetica, Arial, sans-serif;
margin: 0;
padding: 0 0 0 12px;
white-space: nowrap;
}
dd + dd {
border-top: 1px solid #CCC;
}
.listWrapper{
height: 300px;
margin: 100px;
overflow: visible;
position: relative;
width: 100%;
zoom: 1;
}
.listContainer {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
width: 100%;
} |
||
| Tolike Profil |
#3 · Zasláno: 28. 5. 2013, 20:03:07
MyShare:
to jsem zkoušel ale bohužel nejde .listWrapper nastavit na 100% výšku. Tím pádem pro mne naprosto nepoužitelné :( |
||
|
Časová prodleva: 13 let
|
|||
0