JavaScript Scrollable Div
Questo articolo dimostrerà il concetto di div scrollabile usando javascript.
Come creare un div screro JavaScript?
Per creare un Div scorrevole in JavaScript, è possibile utilizzare i seguenti approcci:
- "overflow" proprietà.
- "overflowx" E "traboccante" proprietà.
I seguenti approcci dimostreranno il concetto indicato uno per uno!
Metodo 1: creare un div screro JavaScript utilizzando la proprietà di Overflow
IL "overflow"La proprietà gestisce il contenuto che va fuori dalla scatola degli elementi. Questa proprietà può essere utilizzata per assegnare la proprietà specifica in modo tale che l'elemento accessibile venga scorciato.
L'esempio seguente illustra il concetto discusso.
Esempio
Innanzitutto, includi un'intestazione nel " Questo è un div scortabile Successivamente, includi un “div"Elemento insieme al assegnato"id". All'interno del Div, includere l'immagine specificata da scorrere con le dimensioni regolate in ""Tag: Ora, accedi all'ID assegnato "scorrere"Al Div per scorrere l'immagine inclusa assegnando il"overflow"Proprietà per auto che genererà lo scorrimento attraverso l'elemento specificato in orizzontale e verticalmente: Infine, regola il “div"Dimensioni considerando la trama dell'immagine specificata per renderla scorrevole: L'output corrispondente sarà: Metodo 2: creare un div screro JavaScript utilizzando le proprietà di Overflow e Overflowy. IL "overflowx"La proprietà viene applicata per specificare il comportamento del contenuto quando trabocca un elemento lungo i bordi orizzontali (sinistra e destra). D'altra parte, il "traboccante"La proprietà specifica il comportamento del contenuto in verticale (lungo i bordi superiore e inferiore). Questi metodi possono essere implementati per scorrere l'elemento accessibile regolando le proprietà in conformità con i requisiti indicati. Esempio In primo luogo, assegnare un "id"All'elemento Div e includere l'intestazione specificata come discusso nel metodo precedente. Inoltre, contenere il seguente paragrafo al fine di renderlo (div) scorrevole: Div JavaScript è uno dei principali linguaggi di scripting utilizzati principalmente per applicare varie funzionalità nel rendere un sito Web o una pagina web attraente e facile da usare. Questo particolare lingua integra anche HTML per eseguire varie funzionalità aggiunte. Successivamente, prendi l'ID DIV usando "documento.getElementById ()" metodo. Qui, regola le proprietà overflowx e traboccanti. Le proprietà assegnate comporteranno lo scorrimento del Div solo in verticale: Infine, modella il div scorrevole e regola le sue dimensioni come illustrate nel metodo precedente: Produzione Questo articolo ha concluso gli approcci che possono essere utilizzati per creare un Div scorrevole in JavaScript. Conclusione Per rendere scorrevole un div in JavaScript, applica il "overflow"Proprietà da assegnare in modo tale che l'immagine inclusa all'interno del Div venga scorciato o il"overflowx" E "traboccante"Le proprietà possono essere utilizzate essendo assegnate in modo tale che l'accesso"div"È scorretto solo verticalmente. Queste proprietà possono essere implementate per eseguire il requisito dato di creare un div scorta in JavaScript.
Altezza: 500px;
larghezza: 700px;
documento.getElementById ('Scroll').stile.overflowy = 'auto';