V obrazovce, kde se nachází více úkolů se může stát, že se vpravo zobrazí scrolovací sloupec a při skrolován dolů stimuli zmizí (tlačítka zvuků, obrázek nebo video zmizí nahoře). V tomto případě může být vhodné zafixovat pozici stimulů na obrazovce při skrolování. K tomu stačí kdekoliv na dotčené obrazovce přidat tuto speciální poznámku #css
#css .stimulus{position:sticky;top:0;z-index:1}
tato poznámka ve skutečnosti přidá CSS styl. .stimulus je tzv. selektor - označí elementy, které mají třídu s názvem "stimulus" a těm přiřadí styl "position:sticky", tj. přilepení elementu na obrazovku při skrolování, na pozici "top:0" a bude viditelná, tj. překryje jiné elementy, pokud se dostanou pod ní "z-index:1".
Příkladem je následující obrazovka s hodnocením více poruch hlasu:
test demo2Scrolling.ptest
screen rolování dlouhého obsahu, 1 stimul nahoře
stimulus(buttoncz1) 1.wav
#css .stimulus{position:sticky;top:0;z-index:1}
text Po stlačení tlačítka <b>play</b> se spustí nahrávka hlasu.
text Ohodnoťte ji v následujících vlastnostech, případně dopište významné projevy patologie hlasu do Poznámky.
task Hodnocení stupně poruchy hlasu škál RBASI
#styleform float:left; width:100%; background-color:white; color:red
text 0 - <u>norma</u>; 0.5 - <i>minimální poškození</i>; 1 - mírná; 1.5 - mírná až střední; 2 - <b>střední</b>; 2.5 - <b>stř. až těžká</b>; 3 - <b><u>velmi těžká</b></u>
task G - celková porucha
#styleform float:left; width:48%; background-color:peachpuff;
text <i>Pro tento typ stimulu nehodnotíme celkovou poruchu!</i>
task R - chraplavost / drsnost
#styleform float:left; width:48%; background-color:lavenderblush;
scale 0 3(0.5) 0 <u>norma</u> 0.5 <i>minim.</i> 1 mírná 2 <b>střední</b> 3 <b><u>"velmi těžká"</b></u>
task B - dyšnost
#styleform float:left; width:48%; background-color:lightcyan;
scale 0 3(0.5) 0 <u>norma</u> 0.5 <i>minim.</i> 1 mírná 2 <b>střední</b> 3 <b><u>"velmi těžká"</b></u>
task A - hlasová slabost
#styleform float:left; width:48%; background-color:cornsilk;
scale 0 3(0.5) 0 <u>norma</u> 0.5 <i>minim.</i> 1 mírná 2 <b>střední</b> 3 <b><u>"velmi těžká"</b></u>
task S - hlasové napětí
#styleform float:left; width:48%; background-color:snow;
scale 0 3(0.5) 0 <u>norma</u> 0.5 <i>minim.</i> 1 mírná 2 <b>střední</b> 3 <b><u>"velmi těžká"</b></u>
task I - nestabilita
#styleform float:left; width:48%; background-color:gainsboro;
scale 0 3(0.5) 0 <u>norma</u> 0.5 <i>minim.</i> 1 mírná 2 <b>střední</b> 3 <b><u>"velmi těžká"</b></u>
task Hodnocení plnosti / znělosti hlasu
#styleform float:left; width:100%; background-color:white; color:blue
text Vlastnost <b>plnost / znělost</b> reprezentuje bohatost a zdravost hlasu, <i>je opakem slabého, nebo ostrého hlasu.</i>
task Plnost / znělost
#styleform float:left; width:96%;background-color:honeydew;
scale 0 3(0.5) 0 "velmi slabá" 0.5 "velmi oslabená" 1 "středně oslabená" 1.5 "mírně oslabená" 2 "normálně znělý" 2.5 "zdravě zvučný" 3 "velmi zvučný"
task Poznámky
#styleform float:left; width:100%;background-color:white;color:DarkOliveGreen
text Popište případně jiné významné vlastnosti zvuku, zejména chrakterizujte <i>nestabilitu</i>
edit?