Cruthaich bogsa le teacsa scrollaidh le CSS agus HTML
Is e bogsa scrolla HTML a th 'ann am bogsa a tha a' cur barran scrollaidh chun na làimh dheis agus gu h-ìseal nuair a tha susbaint a 'bhogsa nas motha na tomhasan bogsa. Ann am faclan eile, ma tha bogsa agad a dh'fhaodas timcheall air 50 facal, agus gu bheil teacsa de 200 facal agad, cuiridh bogsa scrollaidh HTML barran scrolla suas gus am faic thu na 150 faclan a bharrachd. Ann an HTML àbhaisteach a bhiodh dìreach a 'putadh an teacsa a bharrachd taobh a-muigh a' bhogsa.
Tha a bhith a 'dèanamh scrolla HTML gu math furasta. Feumaidh tu dìreach leud agus àirde an eileamaid a tha thu ag iarraidh gluasad sìos agus an uairsin a 'cleachdadh maoim-sgaoilidh CSS airson a bhith a' suidheachadh mar a tha thu ag iarraidh an scrollaidh tachairt.
Dè bu chòir a dhèanamh le teacsa a bharrachd?
Nuair a bhios barrachd teacsa agad na am bi e a 'freagairt a-steach don àite agad, tha beagan roghainnean agad:
- Ath-sgrìobh an teacsa gus am bi e nas giorra agus gum bi e freagarrach.
- Leig leis an teacsa a dhol thairis air na crìochan agus tha mi an dòchas gum faod an cruth sùbailte gus taic a thoirt dha.
- Gearr an teacsa far a bheil e a 'dol thairis.
- Cuir barran-scriobt (mar as trice dìreach airson teacsa) gus am bi an rolla a 'sealltainn an teacsa a bharrachd.
Is e an roghainn as fheàrr mar as trice an roghainn mu dheireadh: cruthaich bogsa teacsa sgrollaidh. An uairsin, faodaidh teacsa a bharrachd a bhith fhathast air a leughadh, ach chan eil do dhealbhadh ann an cunnart.
B'e HTML agus CSS airson seo a bhith:
An t-uachdar: auto; ag innse don bhrobhsair a bhith a 'cur bhàraichean scrollaidh ma tha feum orra gus an teacsa a chumail bho bhith a' toirt thairis air crìochan an div. Ach airson seo a dhèanamh, feumaidh tu cuideachd na stoidhlichean leud agus àirde a tha air an suidheachadh air an div, gus am bi crìochan ann a bhith a 'toirt thairis air.
Faodaidh tu cuideachd an teacsa a ghearradh le bhith ag atharrachadh thairis air: auto; gu bhith a 'toirt thairis air: falaichte ;. Ma dh'fhàgas tu a-mach an t-seilbh thar-sgaoileadh, cuiridh an teacsa thairis air crìochan na div.
Faodaidh tu Barran Scrollaidh a chur gu barrachd na dìreach teacsa
Ma tha ìomhaigh mhòr agad a bu mhath leibh a thaisbeanadh ann an àite nas lugha, faodaidh tu barran scrollaidh timcheall air san aon dòigh a bhiodh tu le teacsa.
San eisimpleir seo, tha an dealbh 400x509 taobh a-staigh paragraf 300x300.
Faodaidh clàran brath a ghabhail bho bharran scrollaidh
Gheibh clàran fada de dh'fhiosrachadh gu math doirbh a leughadh gu luath, ach le bhith gan cur a-steach do div de mheud cuibhrichte agus an uairsin a 'cur ris an t-seilbh thar-shruth, faodaidh tu clàran a chruthachadh le mòran dàta nach gabh àite mòr air do dhuilleag S an Iar-
Is e an dòigh as fhasa a tha coltach ri ìomhaighean agus teacsa, dìreach cuir div ris a 'bhòrd, cuir leud agus àirde an div sin, agus cuir ris an t-seilbh thar-shruth:
| Name | Phone | ||||
|---|---|---|---|---|---|
| Jennifer | 502-5366 .... Tha aon rud a thachras nuair a nì thu seo mar bhàr-scrios còmhnard mar as trice a 'nochdadh a chionn' s gu bheil am brabhsair a 'gabhail ris gu bheil crome nan barra scroll a' dol thairis air a 'chlàr. Tha iomadh dòigh ann seo a rèiteachadh bho bhith ag atharrachadh leud a 'bhùird agus feadhainn eile. Ach is e an rud as fheàrr leam a bhith dìreach a 'tionndadh sgrìobadh còmhnard le seilbh CSS 3 thairis air x. Dìreach cuir superflow-x: falaichte; chun an div, agus bheir sin air falbh am bàr scrollaidh còmhnard. Dèan cinnteach gun dèan thu deuchainn air seo, oir dh'fhaodadh gum bi susbaint ann a thèid às. Tha Firefox a 'cur taic ris a' chleachdaiche TBODY airson OverflowIs e aon ghnè fìor mhath de bhrobhsair Firefox gum faod thu an t-seilbh thar-shruth a chleachdadh air tagaichean clàir a-staigh mar tbody agus anad no tfoot. Tha seo a 'ciallachadh gun urrainn dhut barran scrollaidh a shuidheachadh air susbaint a' bhùird, agus na ceallan cinnidh a 'cumail air acair os a chionn. Chan eil seo ach ag obair ann an Firefox , rud a tha ro dhona, ach tha e na dheagh fheart mura h-eil do leughadairean a 'cleachdadh Firefox. Thoir sùil air an eisimpleir seo ann am Firefox gus faicinn dè tha mi a 'ciallachadh.
|