Pomocí vlastnosti CSS overflow je snadné vytvořit svisle rolovatelný prvek div. Existují různé hodnoty v přepadová vlastnost . Tuto vlastnost můžeme použít k získání posuvníku na webové stránce. Níže uvedené příklady jsou způsoby, jak nastavit svislý posuvník na webové stránce.

Příklad 1: V tomto příkladu jsme nastavili přetečení-x: hidden; a přetečení-y: auto; který automaticky skryje vodorovný posuvník a zobrazí pouze svislý posuvník.

html

> <> html> >> <> head> >> > <> style> >> > h1 {> > color: Green;> > }> > div.scroll {> > margin: 4px, 4px;> > padding: 4px;> > background-color: green;> > width: 500px;> > height: 110px;> > overflow-x: hidden;> > overflow-y: auto;> > text-align: justify;> > }> > style>hlava>

`techcodeview.comh1>`
Je to dobrá platforma pro výuku programování. Jedná se o vzdělávací web. Připravte se na nábor společností založených na produktech, jako jsou Microsoft, Amazon, Adobe atd., pomocí bezplatného online přípravného kurzu pro umístění. Kurz se zaměřuje na různé otázky týkající se MCQ a kódování, které budou pravděpodobně položeny při pohovorech, aby byla vaše nadcházející sezóna umístění efektivní a úspěšná. Všichni geekové mohou také pomáhat ostatním geekům psaním článků na techcodeview.com, publikování článků se řídí několika kroky, které jsou články, které vyžadují malou úpravu / vylepšení od recenzentů, jsou publikovány jako první. Chcete-li rychle získat kontrolu svých článků, podívejte se na existující články, jejich styl formátování, styl kódování a snažte se, abyste se k nim přiblížili. V případě, že jste začátečník, můžete si přečíst Pokyny k napsání článku div> centrum> tělo> html>>

Výstup:

Výstup

Příklad 2: V tomto příkladu použijte auto místo overflow-x:hidden; a přetečení-y:auto; aby bylo div vertikálně rolovatelné.

html

> <> html> >> <> head> >> > <> style> >> > h1 {> > color: Green;> > }> > div.gfg {> > margin: 5px;> > padding: 5px;> > background-color: green;> > width: 500px;> > height: 110px;> > overflow: auto;> > text-align: justify;> > }> > style>hlava>