Nwlapcug.com


Rimozione di una barra di scorrimento verticale in JavaScript

Le barre di scorrimento dare agli spettatori del tuo sito Web un modo semplice per passare lunghi blocchi di testo se non hanno monitor sufficiente per visualizzare tutto il contenuto contemporaneamente, ma su un sito web progettato attentamente le barre di scorrimento automatico può anche essere sgradevole e scostante. Perché le barre di scorrimento può essere controllata tramite CSS, possono essere rimossi in tempo reale tramite JavaScript, facendo uso degli attributi di "stile" di JavaScript.

Istruzioni

1

Aprire il codice sorgente della tua pagina Web in un editor HTML o un editor di testo come quello incluso con il sistema operativo. Nell'intestazione della pagina Web (il codice tra la "< head >" e "< / head >" tag) aggiungere il seguente codice, creazione di una funzione JavaScript per nascondere le barre di scorrimento:

< script type = "Text/JavaScript" >

<!...

Function hidescrollbars(id) () {

Document. getElementById (id).style.overflow = "hidden";

}

-->

< / script >

2

Scorrere fino all'elemento di pagina che è attualmente visualizzato con una barra di scorrimento e controlla "id" dell'elemento; Se non ha uno, aggiungere un tag univoco..--ad esempio: "< div id = 'this_is_a_unique_id' class = '...' style = '...' >" assegna l'id "this_is_a_unique_id" al div.

3

Aggiungere una nuova riga dopo il tag di chiusura dell'elemento con un tag semplice < div > utilizzato per attivare l'occultamento delle barre di scorrimento dell'elemento utilizzando il relativo ID univoco. Per esempio:

< div style = "border: 2px solid nero;" onclick="hidescrollbars('this_is_a_unique_id)" > nascondere < / div >

Modificare l'ID dell'elemento "this_is_a_unique_id".

4

Salvare il file e aprire la pagina Web nel browser; Quando si fa clic sul pulsante "Nascondi" nel documento, è possibile che la barra di scorrimento verticale associata a altro elemento scomparirà.

Consigli & Avvertenze

  • La funzione hidescrollbars() può essere chiamata da altri eventi JavaScript pure; ad esempio, per nascondere la barra di scorrimento di un elemento < div > quando tale elemento quando il lettore sposta il mouse su esso, aggiungere la riga "onmouseover=hidescrollbars('this_is_a_unique_id')" come attributo del tag di apertura dell'elemento.
  • Per nascondere le barre di scorrimento per impostazione predefinita, o quando la pagina viene caricata, utilizzare CSS invece: all'interno del tag di apertura dell'elemento, aggiungere il seguente attributo: "stile ='overflow: hidden;'" per impedire il caricamento in primo luogo la barra di scorrimento.