- Liittynyt
- 18.10.2016
- Viestejä
- 111
Yksi tapa estää taustan scrollaus on asettaa <body> elementille overflow:hidden kun valikko on auki.Laitoin mustan reunan ajatellen, että erottuu - mutta näemmä erottuu vähän liiankin terävästi. Toi punertava on teeman linkin korostusväri, joka on aktiivisessa välilehdessä samana kuin linkin korostuksessa ja ei-aktiivisessa vaaleampana. Jos vaihtaa sitä, pitäisi ehkä vaihtaa linkin korostusväriäkin? Voihan ne toki itsenäisestikin määrittää.
En tiedä, miten taustan skrollaamista voisi hallita. Auttaisiko valikolle ja apuvalikoille fokuksen asettaminen? :focus liittyy ymmärtääkseni vain linkkeihin eli taidetaan mennä JS:n puolelle?
Esimerkiksi sen voisi tehdä laittamalla theme.js tiedostoon riville n.170
jQuery('#nav-toggle').on('click', function(event){})
funktioon että lisää luokan <body> elementille (ja vastaava rivi missä luokka poistetaan kun valikko suljetaan) ja sitten tälle luokalle että overflow:hidden. Joku valmiiksi määritelty luokka jolla on overflow:hidden saatta myös löytyä valmiiksi. En kokeillut että hajoaako jokin muu asia tuolla ja varmaan täytyy syystä X tehdä pikkasen eritavalla mutta ideana näyttäisi nopealla testillä toimivan.