Paano Gumawa Ng Isang Scrollbar

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Scrollbar
Paano Gumawa Ng Isang Scrollbar
Anonim

Ngayon, ang pagkakaroon ng iyong sariling website ay hindi isang karangyaan, ngunit isang pangangailangan. Ang paglikha nito ay nangangailangan ng ilang mga kasanayan at kaalaman sa html. Ang pagbuo ng isang simpleng website ay medyo madali. Gayunpaman, ang dekorasyon nito at paglikha ng mga interactive na elemento na nagbibigay ng karagdagang pag-andar para sa site ay magdudulot ng mga paghihirap para sa isang nagsisimula. Isa sa mga interactive na elemento na ito na nagpapabuti sa kaginhawaan ng mga bisita sa site ay ang scroll bar. Lalo itong kapaki-pakinabang sa mga patlang ng site, na nagbibigay ng koneksyon nito sa mga script (pakikipag-ugnay ng site sa mga gumagamit).

Ang scroll bar ay isang mahalagang elemento ng site
Ang scroll bar ay isang mahalagang elemento ng site

Kailangan iyon

Internet o anumang tutorial na html

Panuto

Hakbang 1

Ang pinakamahalagang bagay sa anumang site ay ang kabaitan ng gumagamit. Ang mismong ideya ng paggamit ng isang scrollbar sa iyong site ay magiging naaangkop lamang kung ang hitsura nito ay idinidikta hindi ng iyong pagnanasa, ngunit ng pangangailangan nito. Gawin ang layout ng pahina na nais mong ilagay ang scrollbar. Pumili ng isang lugar para sa scroll (tinatawag ding scroll bar).

Hakbang 2

Pumili ng isang lokasyon para sa scroll bar sa pahina ng site na iyong interes. Dapat itong mahigpit na maiugnay sa ilang elemento (halimbawa, isang kahon ng teksto o isang listahan ng drop-down). Dapat mong kalkulahin ang lugar na ito sa mga pixel o bilang isang porsyento. Hindi ito mahirap gawin, lalo na kung ang layout ng site ay may isang malinaw na istraktura.

Hakbang 3

Sa pagitan ng mga tag ng BODY dapat mong idagdag ang karaniwang code sa pag-scroll. Mahahanap mo ito sa anumang tutorial na html. Mayroong dalawang mga pagpipilian - direktang idagdag ang snippet na ito sa html code ng pahina, o ilakip ito sa css styleheet. Ang pangalawang pamamaraan ay mas maginhawa kung binago mo ang higit sa isang pahina, ngunit ang buong site nang sabay-sabay. Pagkatapos ay kailangan mong ipasok ang mga parameter ng kulay ng scrollbar, kung hindi man ay magiging kulay-abo at hindi nakakainteres. Ipinapakita at nilalagay ng label ang figure ng mga elemento ng scroll. Ang mga parameter ay dapat na ipasok sa parehong paraan tulad ng ipinakita sa figure, na pinaghiwalay ng mga semicolon.

Hakbang 4

Ngayon ay tiyak na dapat mong subukan ang iyong mga pagbabago. Upang gawing pareho ang hitsura ng scrollbar sa lahat ng mga browser, suriin ito sa mga pangunahing - Internet Explorer, Mozilla Firefox at Opera. Kung hindi ito gumana sa isa sa mga ito, bumalik sa unang hakbang at ayusin ang mga error.

Inirerekumendang: