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: 12 let
|
0