Scrollbars ge din webbplats tittare ett enkelt sätt att navigera långa textstycken om de inte har monitorer stora nog att visa allt innehåll samtidigt , men på en noggrant utformad hemsida automatiska rullningslister kan också vara fula och gagnlöst . Eftersom rullningslister kan styras via CSS , kan de tas bort i farten via JavaScript , vilket gör användningen av JavaScript s "stil " attribut . Instruktioner
1
Öppna din webbsida källkod i en HTML- redigerare eller en textredigerare som den som medföljer operativsystemet . I rubriken på din webbsida ( koden mellan "
" och " " taggar ) lägg till följande kod , skapa en JavaScript -funktion för att dölja rullningslister :
< script typ = " text /JavaScript " >
< - !
funktion hidescrollbars ( id ) Sida 2
Rulla ned till sidan element som för närvarande visas med en scrollbar och kontrollera elementets " id " , om den inte har en, lägg till en unik tagg - till exempel : " < div id = ' this_is_a_unique_id ' class = ' ... ' style = ' ... ' > " tilldelar id " this_is_a_unique_id " till div .
3
Lägg till en ny rad efter den avslutande taggen av elementet med en enkel < div > -taggen används för att utlösa att dölja det andra elementet har rullningslister använder sin unika ID . Till exempel :
Hide < /div >
Change " this_is_a_unique_id " till . ID av elementet
4
Spara filen och öppna den webbsida i webbläsaren , när du klickar på " Hide " -knappen i dokumentet , kommer den vertikala rullningslisten fäst vid det andra elementet försvinner < . br > Addera ditt