Ang mga scroll bar ay patayo at pahalang na mga bar sa kanan (kapag sumusulat mula kaliwa hanggang kanan) at mga ilalim na gilid ng isang window o isang hiwalay na lugar sa loob ng isang window, na idinisenyo upang ilipat ang nilalaman nang patayo o pahalang. Gumagamit ang mga web page ng mga elemento ng Cascading Style Sheets (CSS) na naka-embed sa HTML upang makontrol ang kanilang hitsura at pag-uugali.
Panuto
Hakbang 1
Gumamit ng isang div tag kung nais mong gawin ang scrollbar hindi para sa buong pahina, ngunit para lamang sa isang limitadong lugar nito. Sa HTML (Wika ng Markup na HyperText), ang "mga tag" ay tumutukoy sa mga indibidwal na utos para sa isang browser na magpakita ng isang partikular na elemento ng pahina. Sa pinakasimpleng form nito, isang div tag (madalas na tinutukoy bilang isang "layer") ay nakasulat nang ganito:
Ito ang teksto sa loob ng layer
Narito ang pambungad na tag at ang pansarang tag. Ang lahat ng inilalagay sa pagitan ng mga tag ng pagbubukas at pagsasara ay nasa layer tulad ng sa lalagyan at ang lalagyan na ito ay maaaring dimensyonado - lapad at taas. Ginagawa ito gamit ang isang karagdagang parameter ("katangian") na istilo, na dapat idagdag sa pambungad na tag:
Ito ang teksto sa loob ng layer
Hakbang 2
Isama sa istilo ng katangian ng div tag at ang mga patakaran para sa mga scrollbar ng layer din:
Ito ang teksto sa loob ng layer
Narito ang overflow: auto nangangahulugan na ang mga scrollbar ay awtomatikong lilitaw, iyon ay, kapag ang nilalaman ng layer ay hindi magkakasya sa tinukoy na mga sukat. Kung ang auto ay pinalitan ng scroll, kung gayon ang mga guhit na ito ay palaging nariyan, hindi alintana kung kinakailangan ang mga ito o hindi. Ang isang nakatagong halaga ay magkakaroon ng kabaligtaran na epekto - ang scroll ay hindi kailanman lilitaw, kahit na ang mga nilalaman ng lalagyan na ito ay hindi nakikita sa kabila ng mga gilid nito.
Hakbang 3
Gumamit ng isang katulad na pamamaraan upang magdagdag ng mga scrollbar sa pahina bilang isang buo. Bilang default, lumilitaw ang mga ito kung kinakailangan, ngunit kung sa anumang kadahilanan mayroong pangangailangan para sa kanilang patuloy na pagkakaroon sa pahina, kung gayon ang kaukulang tuntunin sa istilo ay dapat idagdag sa pinagmulang html-code. Hanapin ang pansarang tag ng ulo ng dokumento sa code ng pahina at isulat ang mga tagubiling estilo sa harap nito:
katawan {overflow: scroll;}
