Tsim ib lub thawv nrog scrolling ntawv siv CSS thiab HTML
Lub thawv ntawv HTML yog ib lub thawv uas ntxiv cov duab tuav mus rau sab xis thiab hauv qab thaum lub thawv ntawv loj dua lub thawv qhov ntev. Hauv qab no, yog tias koj muaj ib lub thawv uas haum rau ntawm 50 lo lus, thiab koj muaj cov lus ntawm 200 lo lus, ib qho HTML scroll box yuav muab tso rau kev tuav kom pom tias koj pom 150 lo lus ntxiv. Hauv HTML huab cua uas yuav yooj yim thawb cov ntawv nyeem ntxiv sab nraum lub npov.
Ua HTML scroll yog haum yooj yim. Koj tsuas yog yuav tsum tau teem lub dav thiab qhov siab ntawm lub caij koj xav hloov thiab tom qab siv CSS txeej vaj tse kom paub seb koj xav kom tus menyuam tuaj yeem ua dab tsi.
Yuav ua li cas nrog Cov Ntawv Sau Ntxiv?
Thaum koj muaj ntau cov ntawv nyeem dua li yuav haum rau qhov chaw ntawm koj qhov layout, koj muaj ob peb txoj kev xaiv:
- Rov hloov dua cov ntawv nyeem kom luv luv thiab yuav haum.
- Cia cov ntawv nyeem ntws dhau ntawm qhov kev sib tw thiab vam tias qhov layout thiaj tau los txhawb nws.
- Txiav tawm cov ntawv nyeem uas nws ntog.
- Ntxiv scroll tuav (feem ntau cov lus ntsug rau cov ntawv nyeem) kom qhov chaw txav mus qhia cov ntawv ntxiv.
Qhov kev xaiv zoo tshaj plaws yog qhov kawg ntawm qhov kev xaiv: tsim lub thawv ntawv thawv. Tom qab ntawd cov ntawv nyeem tseem tuaj yeem nyeem, tab sis koj tus qauv tsim tsis yog.
HTML thiab CSS rau qhov no yuav yog:
Pauv: pib; qhia rau qhov browser ntxiv cov ntawv xov xwm ntxiv yog tias lawv xav tau cov ntawv nyeem los ntawm kev hla ciam teb ntawm lub div. Tab sis nyob rau hauv kev txiav txim rau qhov no mus ua hauj lwm, koj tseem xav tau qhov dav thiab qhov siab style khoom teev nyob rau div, thiaj li hais tias muaj ciaj ciam rau puv.
Koj tuaj yeem txiav tawm cov ntawv nyeem los ntawm hloov puv: pib; kom puv: zais; Yog tias koj tawm ntawm cov khoom txeej qis, cov ntawv nyeem yuav ntim cov cheeb tsam ntawm div.
Koj tuaj yeem Ntxiv Scroll Tuav rau Ntau tshaj Cov Ntawv Nyeem
Yog tias koj muaj duab loj uas koj xav tso rau hauv ib qho chaw me me, koj tuaj yeem ntxiv cov ntawv tuav ntawm nws ib yam li koj xav nrog cov ntawv nyeem.
Hauv qhov ua piv txwv no, cov duab 400x509 yog hauv ib seem ntawm 300x300.
Ntxias tau los ntawm Scroll Tuav
Ntev rooj ntawm cov ntaub ntawv tuaj yeem tau yooj yim los nyeem ntawv sai, tab sis yog muab tso rau hauv div ntawm ib qho loj me me thiab tom qab ntxiv cov khoom txeej, koj tuaj yeem tsim cov ntxhuav nrog ntau ntau cov ntaub ntawv uas tsis siv ntau qhov chaw ntawm koj nplooj ntawv .
Qhov yoojyim zoo li cov duab thiab cov ntawv, cia li ntxiv ib div ncig ncig lub rooj, teeb qhov dav thiab qhov siab ntawm qhov div, thiab ntxiv cov khoom txeej:
Ib yam uas tshwm sim thaum koj ua qhov no yog kab rov tav scroll feem ntau tshwm vim tias qhov kev xav hauv lub vev xaib tias lub chrome ntawm cov phiaj scroll yog overlapping lub rooj. Muaj ntau txoj kev los kho qhov no los ntawm kev hloov lub dav ntawm lub rooj thiab lwm tus. Tab sis kuv txoj kev nyiam yog tsuas qhib tua kab rov tav nrog CSS 3 khoom hla-x. Tsuas ntxiv phwj-x: muab zais; mus rau div, thiab uas yuav tshem tawm cov kab rov tav scroll bar. Nco ntsoov ntsuam xyuas qhov no, vim muaj cov ntsiab lus uas yuav ploj mus.
Firefox Txhawb Kev Siv Cov Lus Cim Cov Lus Cim rau Pheej Yig
Ib qho zoo tiag feature ntawm Firefox browser yog tias koj tuaj yeem siv cov khoom txeej hauv cov lus cim npe rau sab hauv lub thawv xws li twm thiab thead lossis tfoot. Qhov no txhais tau hais tias koj tuaj yeem txheeb tuav cov kab nyob rau hauv lub rooj hauv qab, thiab cov header hlwb nyob twj ywm sab saum lawv. Qhov no tsuas ua haujlwm nyob rau hauv Firefox , uas yog phem heev, tab sis nws yog ib qho zoo feature yog tias koj cov nyeem tsuas siv Firefox. Xauj rau qhov piv txwv hauv Firefox saib kuv txhais li cas.