Autor Zpráva
Tolike
Profil
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
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%;
}
HTML použi klasicky aký tam je :) samozrejme sa stým ešte pohraj...
Tolike
Profil
MyShare:
to jsem zkoušel ale bohužel nejde .listWrapper nastavit na 100% výšku. Tím pádem pro mne naprosto nepoužitelné :(

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0