Scrollbars geven kijkers van uw website op een eenvoudige manier te lange blokken tekst te navigeren als ze niet monitoren groot genoeg om alle content tegelijkertijd weer te hebben , maar op een zorgvuldig ontworpen website automatisch schuifbalken kan ook lelijk en nutteloos . Omdat schuifbalken kan worden gecontroleerd door middel van CSS , kunnen ze on the fly worden verwijderd via JavaScript , gebruik makend van " stijl " attributen van JavaScript . Instructies
1 openen van uw webpagina source code in een HTML-editor of een platte tekst editor zoals degene die bij uw besturingssysteem . In de kop van uw webpagina ( de code tussen de " " en " < /head > 'tags ) voeg de volgende code , het creëren van een JavaScript-functie om scrollbars verbergen :
< script type = " tekst /JavaScript " > <
- ! functie hidescrollbars
( id ) Pagina 2 Blader omlaag naar het pagina-element dat momenteel wordt weergegeven met een scrollbar en controleren van het element " id ", als het er geen heeft , voegen een unieke tag - bijvoorbeeld : " < div id = ' this_is_a_unique_id ' class = ' ... ' style = ' ... ' > this_is_a_unique_id "om de div " zal de id toewijzen " .
3 Voeg een nieuwe regel na de afsluitende tag van het element met een simpele < div > -tag gebruikt voor het verbergen van schuifbalken het andere element met behulp van de unieke ID te activeren . Bijvoorbeeld : style="border: 2px solid black;" onclick="hidescrollbars('this_is_a_unique_id)"> Verbergen < /div > Change
" this_is_a_unique_id " om de . ID van het element
4 Sla het bestand op en open de webpagina in uw browser , wanneer u op de "Hide " knop in het document , de verticale schuifbalk aan het andere element verdwijnt < . br >
|
