Il codice Javascript per una barra di scorrimento

October 2

Un browser Web visualizza automaticamente una barra di scorrimento verticale sul lato della finestra del browser e una barra di scorrimento orizzontale nella parte inferiore della finestra quando il contenuto di una pagina Web estende oltre le dimensioni visibili di schermo dell'utente. Poiché i browser visualizzano automaticamente le barre di scorrimento, se necessario, non è necessario includere alcun codice particolare design nelle pagine Web per visualizzare le barre di scorrimento. Anche così, è possibile utilizzare il codice JavaScript per modificare il comportamento delle barre di scorrimento.

Finestre pop-up

Webmaster utilizzano le finestre pop-up per vari motivi, ad esempio per visualizzare schermate di accesso o il contenuto autonomo, compresi gli annunci, video clip e messaggi di stato. Alcuni browser Web aggiungono le barre di scorrimento a pop-up finestre, facendoli apparire disordinato. È possibile evitare che le barre di scorrimento la visualizzazione in pop-up con l'aggiunta di codice JavaScript alla pagina da cui la finestra pop-up è collegato. Per implementare questo codice, sostituire il collegamento esistente nella finestra pop-up con questo frammento JavaScript:

<SCRIPT LANGUAGE = "JavaScript">
<! -
window.open ( 'tuo-popup-pagina.html', 'newwindow', config = 'height = 100,
width = 400, le barre di scorrimento = no, ridimensionabile = no ')
->
</ SCRIPT>

Sostituire "your-popup-page.html" con l'URL della pagina che si desidera visualizzare nella finestra pop-up. Modificare la larghezza e valori di altezza a proprie esigenze. Se si desidera includere le barre di scorrimento nel pop-up, cambiare "no" al "sì".

No-Scroll Funzione

Con JavaScript, è possibile anche modificare il modo la barra di scorrimento si comporta con l'aggiunta di codice alla pagina attuale. Elementi volte nascosto in una pagina Web può richiedere un browser per visualizzare una barra di scorrimento quando non c'è abbastanza contenuto visibile da giustificare uno. barre di scorrimento non necessari aspetto disordinato e possono confondere i lettori, dando l'impressione che non c'è più a vedere più in basso nella pagina. Aggiungere un frammento di JavaScript alla vostra pagina Web per evitare che le barre di scorrimento di mostrare inutilmente. Per implementare il codice, sostituire il campione della pagina "<body>" tag con il seguente:

<Body scroll = "no">

Funzione AutoScroll

Un'altra opzione è quella di modificare il codice per indicare i browser Web per mostrare una barra di scorrimento automaticamente solo quando è necessario. Questo metodo ha alcuni vantaggi rispetto alla funzione "no scroll", perché è abbastanza flessibile per gestire diverse risoluzioni dello schermo dell'utente. Per esempio, l'implementazione della funzione "no scroll" potrebbe impedire una barra di scorrimento da visualizzare correttamente quando l'utente sta visualizzando la pagina Web su un piccolo schermo, tagliando parte del contenuto della pagina. Per implementare la funzione "Scorrimento automatico" con JavaScript, utilizzare il seguente codice al posto della corrente "<body>" tag:

<Body scroll = "auto">

alternative

JavaScript permette di cambiare facilmente il comportamento delle barre di scorrimento. Se si desidera modificare l'aspetto e lo stile di barre di scorrimento, è possibile utilizzare Cascading Style Sheets codice per personalizzare l'aspetto della barra di scorrimento in una pagina Web. Con i CSS, è possibile modificare la barra di scorrimento del colore volto così come aggiungere ombre di colore e luci. È inoltre possibile utilizzare i CSS per creare le barre di scorrimento personalizzate che sostituiscono la barra grigia standard con un disegno che corrisponde al tema del tuo sito web.