Come nascondere Scroll Scatole

August 17

Come nascondere Scroll Scatole


scatole di scorrimento appaiono sul lato del browser Web quando non vi è più contenuti sotto la finestra dello schermo. Essi appaiono automaticamente con gli stili di default applicati alle dimensioni, frecce su e giù, il colore e altro ancora. È possibile nascondere le barre di scorrimento e di assicurare il controllo completo sopra la pagina modificando il codice del file CSS o intestazione e cambiando la proprietà overflow per impedire ai browser di generazione automatica di scatole di scorrimento.

istruzione

CSS

1 Aprire il browser Web del computer e visitare il vostro sito web o pagina. Selezionare "Visualizza origine" dal menu pagina in Internet Explorer, "Sorgente pagina" dal menu Visualizza in Firefox o il tasto destro del mouse e scegliere "Visualizza sorgente pagina" in Chrome. Guardare attraverso il codice e confermare quali classi sito sono applicati alla sezione in cui si desideri rimuovere caselle di scorrimento. Se desideri rimuovere le caselle di scorrimento dall'intero sito, confermare che le classi si applicano a tutti i contenuti.

2 Individuare l'editor CSS appropriato per il sito pagina. L'editor CSS è sotto la sezione "Modifica profilo", o in "Editor" nel menu Aspetto barra laterale in Wordpress per esempio. Si può anche avere un file CSS separato per il vostro sito.

3 Individuare la classe appropriata che genera le caselle di scorrimento nel codice. Individuare il "overflow: scroll;" linea ed eliminarlo se esiste. Aggiungere il codice "overflow: hidden;". In questo modo nascondere le caselle di scorrimento e la clip il contenuto che non appare nella casella in modo che sia invisibile ai visitatori del sito.

4 Salvare il file CSS aggiornato e confermare che scorrimento scatole sono nascosti.

JavaScript

5 Aprire il browser Web del computer e visitare il vostro sito web o pagina. Selezionare "Visualizza origine" dal menu pagina in Internet Explorer, "Sorgente pagina" dal menu Visualizza in Firefox o il tasto destro del mouse e scegliere "Visualizza sorgente pagina" in Chrome. Guardare attraverso il codice e confermare quali classi sito sono applicati alla sezione in cui si desideri rimuovere caselle di scorrimento. Se desideri rimuovere le caselle di scorrimento dall'intero sito, confermare che le classi si applicano a tutti i contenuti.

6 Individuare l'editor HTML appropriato per la vostra pagina o sito.

7 Inserire il seguente JavaScript sotto il tag <head>: <script type = "text / javascript">
Funzione hideOverflow () {document.getElementById ( "Nome classe") style.overflow = "hidden".; } </ Script>. Sostituire "nome di classe" con il nome dell'elemento che ha scatole di scorrimento.

8 Salvare il file di intestazione aggiornato e confermare che scorrimento scatole sono nascosti.