Scrollbars gi nettstedets seere en enkel måte å navigere lange tekstblokker hvis de ikke har skjermer store nok til å vise alt innholdet samtidig, men på en nøye utformet nettside automatiske rullefelt kan også være skjemmende og unhelpful . Fordi rullefelt kan styres via CSS, kan de fjernes på fly via JavaScript , noe som gjør bruk av JavaScript i "stil" attributter. Instruksjoner
en
Åpne nettsidens kildekode i en HTML- editor eller en ren tekst editor som den som følger med operativsystemet. I overskriften til websiden din ( koden mellom "
" og " " tags) legge til følgende kode , og skaper en JavaScript-funksjon for å skjule rullefelt : en
< script typen = "Tekst /JavaScript " >
< - !
funksjon hidescrollbars ( id )
2
Bla ned til side element som for øyeblikket blir vist med et rullefelt og sjekke elementet er " id ", hvis det ikke har en, legge til en unik tag - for eksempel: " < div id = ' this_is_a_unique_id ' class = ' ...' style = "..." > " vil tildele id" this_is_a_unique_id " til div .
3
Legg til en ny linje etter lukking av elementet med en enkel < div > tag brukes til å utløse skjuling av den andre elementets rullefelt ved hjelp av sin unike ID . For eksempel : en
Hide < /div >
Change " this_is_a_unique_id " til . ID av elementet
4
Lagre filen og åpne websiden i nettleseren din , og når du klikker på " Hide "-knappen i dokumentet , vil den vertikale rullefeltet festet til det andre elementet forsvinner < . br >