HTML å skjule rullefelt i VBScript

HTML å skjule rullefelt i VBScript


Som Javascript, er VBScript et programmeringsspråk som kan brukes av webutviklere å lage on-the-fly endringer i Hypertext Markup Language (HTML) vises i deres hjemmeside seere. For eksempel kan plassere innhold i nøye strukturerte elementer opprette rullefelt som er ubrukelig og skjemmende. For å bevare det estetiske på nettstedet ditt, kan du bare skjule disse rullefelt ved hjelp av VBScript i forbindelse med HTML for Web-siden.

VBScript og Cross-Browser kompatibilitet

Selv om det er flere løsninger for å skjule rullefelt gjennom en kombinasjon av VBScript og HTML, bør webutviklere være klar over at VBScript er beregnet for bruk i Microsofts Internet Explorer nettleser. VBScript støttes ikke i andre nettlesere som Firefox eller Opera; generelt, gir Java et mer tilgjengelig alternativ. I mange tilfeller (inkludert CSS modifikasjoner) VBScript og Javascript-kode er identisk, men du bør ikke stole på denne tilfeldig interoperabilitet, og du bør sjekke nettsidene grundig for etterlevelse i flere nettlesere før distribusjon nettstedet.

Skjuler rullefelt Per Element

For enkelte sideelementer, fjerne scrollbars er viktigst når elementet har fokus. For eksempel kan du dynamisk fjerne rullefeltet fra et tekstfelt når brukeren klikker på feltet for å gjøre det aktivt. For å gjøre dette, inkluderer koden "this.style.overflow =" skjulte "" i relevant VBScript hendelsen. For å fjerne rullefelt når brukeren mus over element, skriver du følgende:

'Onmouseover = "this.style.overflow =" skjulte ";" '

For å fjerne dem når brukeren klikker elementet, skriver du følgende:

'Onclick = "this.style.overflow =" skjulte ";".

Dette gjør det mulig å kontrollere oppførselen til mange scrollbars selvstendig, men også betyr at brukeren vil trolig se rullefelt før de blir fjernet, noe som kan være estetisk uønsket.

Skjule et element Scrollbar når dokumentet Masse

Hvis du trenger å skjule et enkelt element eller et lite antall elementer, er en av de enkleste måtene å plassere en erklæring i "OnLoad" egenskap av websidens "<body>" tag, gjør bruk av VBScript er "style" -funksjonen å endre CSS på fly. Skrive "<body onload =" container_1.style.overflow = "skjulte"; ">", for eksempel, vil skjule rulle av et element med id "container_1" så snart som siden lastes. Brukeren vil aldri se elementet vises med scrollbars i det hele tatt. På den annen side, ved hjelp av OnLoad funksjon av <body>, i stedet for hvert enkelt element, begrenser antall elementer du kan skjule samtidig uten HTML-koden blir uhåndterlig.

Skjule rullefelt ved hjelp av CSS klasser

For å få det beste fra begge verdener, bruke VBScript er "classname" for å endre hele CSS-klasser i stedet for individuelle elementer av en side stil. Pakk hele siden i en tom div kalt "maincontainer", og i OnLoad egenskap av <body>, skriv "container.className = 'hidescrollbars';". Deretter kan du definere en CSS-stil i bilagstoppen heter ".hidescrollbars div" som inkluderer "overflow: hidden;" stil. Når siden lastes, vil dette fjerne scrollbars fra alle div-elementer på siden.