Плъзгачите са вертикални и хоризонтални ленти по десния (когато пишете отляво надясно) и долните ръбове на прозорец или отделна област в прозореца, предназначени да преместват съдържанието вертикално или хоризонтално. Уеб страниците използват елементи от Cascading Style Sheets (CSS), вградени в HTML, за да контролират външния им вид и поведение.
Инструкции
Етап 1
Използвайте div таг, ако искате да направите лентата за превъртане не за цялата страница, а само за ограничена част от нея. В HTML (HyperText Markup Language) „тагове“се отнасят до отделни команди за браузър за показване на определен елемент на страницата. В най-простата си форма div тагът (често наричан "слой") е написан по следния начин:
Това е текстът в слоя
Тук е отварящият маркер и е затварящият маркер. Всичко, което е поставено между етикетите за отваряне и затваряне, е в слоя както в контейнера и този контейнер може да бъде оразмерен - ширина и височина. Това се прави с помощта на стил на допълнителен параметър ("атрибут"), който трябва да бъде добавен към отварящия маркер:
Това е текстът в слоя
Стъпка 2
Включете в атрибута стил на тага div и правилата за плъзгачите на слоя също:
Това е текстът в слоя
Тук препълване: автоматично означава, че лентите за превъртане ще се появят автоматично, тоест когато съдържанието на слоя няма да се побере в посочените размери. Ако автоматичното се замени със превъртане, тогава тези ивици винаги ще присъстват, независимо дали са необходими или не. Скритата стойност ще има обратен ефект - превъртането никога няма да се появи, дори ако съдържанието на този контейнер не се вижда отвъд краищата му.
Стъпка 3
Използвайте подобен метод, за да добавите ленти за превъртане към страницата като цяло. По подразбиране те се появяват при необходимост, но ако по някаква причина има нужда от постоянното им присъствие на страницата, тогава съответното правило за стил трябва да се добави към изходния html-код. Намерете затварящия таг на главата на документа в кода на страницата и напишете следните инструкции за стил пред него:
body {overflow: scroll;}
