Come Creare Una Barra Di Scorrimento

Sommario:

Come Creare Una Barra Di Scorrimento
Come Creare Una Barra Di Scorrimento

Video: Come Creare Una Barra Di Scorrimento

Video: Come Creare Una Barra Di Scorrimento
Video: Creating a Custom Scrollbar for the Web - CSS Tutorial 2024, Maggio
Anonim

Al giorno d'oggi, avere il proprio sito web non è un lusso, ma piuttosto una necessità. La sua creazione richiede determinate abilità e conoscenze di html. Creare un sito web semplice è abbastanza facile. Tuttavia, decorarlo e creare elementi interattivi che forniscano funzionalità aggiuntive per il sito causerà difficoltà a un principiante. Uno di questi elementi interattivi che migliorano la comodità dei visitatori del sito è la barra di scorrimento. È particolarmente utile nei campi del sito, che forniscono la sua connessione con gli script (interazione del sito con gli utenti).

La barra di scorrimento è un elemento importante del sito
La barra di scorrimento è un elemento importante del sito

È necessario

Internet o qualsiasi tutorial html

Istruzioni

Passo 1

La cosa più importante in qualsiasi sito è la facilità d'uso. L'idea stessa di utilizzare una barra di scorrimento sul tuo sito sarà appropriata solo se il suo aspetto non è dettato dal tuo desiderio, ma dalla sua necessità. Crea il layout della pagina su cui vuoi posizionare la barra di scorrimento. Scegli una posizione per la pergamena (chiamata anche barre di scorrimento).

Passo 2

Scegli una posizione per la barra di scorrimento nella pagina del sito che ti interessa. Deve essere rigidamente collegato a qualche elemento (ad esempio, una casella di testo o un elenco a discesa). Devi calcolare questo luogo in pixel o in percentuale. Questo non è difficile da fare, soprattutto se il layout del sito ha una struttura chiara.

Passaggio 3

Tra i tag BODY è necessario aggiungere il codice a scorrimento standard. Puoi trovarlo in qualsiasi tutorial html. Ci sono due opzioni: aggiungere questo frammento direttamente al codice html della pagina o allegarlo nel foglio di stile CSS. Il secondo metodo è più conveniente se cambi più di una pagina, ma l'intero sito contemporaneamente. Quindi è necessario inserire i parametri del colore della barra di scorrimento, altrimenti sarà grigia e poco interessante. La figura mostra ed etichetta gli elementi di scorrimento. I parametri devono essere inseriti nello stesso modo mostrato in figura, separati da punto e virgola.

Passaggio 4

Ora dovresti assolutamente testare le tue modifiche. Per fare in modo che la barra di scorrimento abbia lo stesso aspetto in tutti i browser, controllala su quelli principali: Internet Explorer, Mozilla Firefox e Opera. Se non funziona su uno di essi, torna al primo passaggio e correggi gli errori.

Consigliato: