Cruthaigh Scrollbarraí

Dearadh scrollbharraí álainn, nua-aimseartha a mheaitseálann stíl do shuíomh Gréasáin lenár ngineadóir iomasach. Níl aon scileanna códaithe ag teastáil!

Tosaigh ag Saincheapadh Amharc ar

Shamplaí Painéal

8px
0px

Preview

Scrollbharra Réamhamharc Ábhar

Is limistéar taispeána é seo do do scrollbharra saincheaptha. Coigeartaigh na socruithe ar chlé chun athruithe fíor-ama a fheiceáil.

Feature 1

Scrollbarraí inoiriúnaithe go hiomlán do láithreáin ghréasáin agus feidhmchláir nua-aimseartha.

Feature 2

Tacaíocht tras-bhrabhsálaí le réimír uathoibríoch do bhrabhsálaithe éagsúla.

Sampla ábhar téacs fada: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tuilleadh ábhar téacs: Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Slánuimhir i mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Deireadh an téacs: Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

CSS Ginte

Cóipeáilte go gearrthaisce !

Gnéithe Cumhachtacha

Go hiomlán Saincheaptha

gach gné de do scrollbharra lena n-áirítear leithead, dathanna, ga agus teorainneacha chun dearadh do shuíomh Gréasáin a mheaitseáil go foirfe.

Tras-Brabhsálaí

Cruthaigh cód CSS a oibríonn ar fud gach brabhsálaí nua-aimseartha lena n-áirítear Chrome, Firefox, Safari, agus Edge.

Réamhshocruithe

húsáid Tosaigh le dearaí gairmiúla ag baint úsáide as ár mbailiúchán coimeádaithe de réamhshocruithe scrollbharra le cur i bhfeidhm go tapa.

Féach

díreach conas a bheidh do scrollbharra ag breathnú agus tú ag déanamh coigeartuithe lenár bpainéal réamhamhairc idirghníomhach.

Faigh cód CSS dea-fhormáidithe, íosta atá réidh le comhtháthú i do thionscadal gan aon bloat.

Dearadh

Cruthaigh scrollbharraí a oireann go foirfe do mhéideanna agus do ghléasanna éagsúla scáileáin le haghaidh eispéireas úsáideora comhsheasmhach.

Conas a Úsáid

1

Saincheap Do Scrollbharra

Bain úsáid as an bpainéal rialaithe chun leithead, dathanna, ga agus airíonna eile do scrollbharra a choigeartú go dtí go n-oireann sé do fhís dearaidh.

2

Cóipeáil an CSS

Nuair a bheidh tú sásta leis an réamhamharc, cliceáil ar an gcnaipe "Cóipeáil CSS" chun an cód a ghintear a chóipeáil chuig do ghearrthaisce .

3

Cuir le do thionscadal

Greamaigh an cód CSS isteach i stílbhileog do thionscadail nó bain úsáid as é inlíne. Cuir an rang i bhfeidhm ar aon eilimint chun do scrollbharra saincheaptha a fheiceáil i ngníomh.

Samplaí Scrollbharra

Sampla de scrollbharra gorm nua-aimseartha le coirnéil chothromaithe. Foirfe do láithreáin ghréasáin chorparáideacha agusd iarratais.

Úsáideann an scrollbharra seo rian gorm éadrom le ordóg gorm níos dorcha a athraíonn dath ar hover.

Scrollaigh síos chun an éifeacht iomlán a fheiceáil. Tá ga 5px ag an ordóg le haghaidh imill chothromú réidh.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Nua-Aimseartha Gorm

Scrollbharra gorm sleek le himill

Sampla de scrollbharra dorcha caolchúiseach le stíliú íosta. Oiriúnach do láithreáin ghréasáin ábhar-trom.

Úsáideann an scrollbharra seo rian liath an-éadrom le ordóg liath meánach a dhorchaíonn ar hover.

Scrollaigh síos chun an éifeacht iomlán a fheiceáil. Tá ga beag 3px ag an ordóg le haghaidh imill bhog.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Subtle Dark

Scrollbharra dorcha íostach do shuíomhanna

Sampla de scrollbharra glas bríomhar le stíliú trom. Iontach do láithreáin ghréasáin atá neamhdhíobhálach don chomhshaol nó a bhaineann le sláinte.

Úsáideann an scrollbharra seo rian glas éadrom le ordóg glas beoga a dhorchaíonn ar hover.

Scrollaigh síos chun an éifeacht iomlán a fheiceáil. Tá ga 6px ag an ordóg le haghaidh imill chothromú fhuaimnithe.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Bríomhar

Scrollbharra glas trom do shuíomhanna téamaí éicea-Sampla

Foirfe do láithreáin ghréasáin chruthaitheacha nó punainne.

Úsáideann an scrollbharra seo rian corcra éadrom le ordóg corcra níos doimhne a dhorchaíonn ar hover.

Scrollaigh síos chun an éifeacht iomlán a fheiceáil. Tá ga 4px ag an ordóg le haghaidh imill chothromú glan.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Corcra

Scrollbharra corcra nua-aimseartha do thionscadail chruthaitheacha

Ceisteanna Coitianta

Related Tools

Gin Claochluithe CSS3 go Héasca

Uirlis chumhachtach, iomasach chun claochlú casta CSS3 a chruthú gan cód a scríobh. Samhlaigh athruithe i bhfíor-am agus cóipeáil an CSS a ghintear le húsáid i do thionscadail.

Tiontaire Stíl go CSS

Tapa, éasca agus slán.

Tiontaire Sass go CSS

Athraigh do chód Sass go CSS. Tapa, éasca agus slán.

Tiontaire Fad

Tiontaigh idir aonaid éagsúla fad le héascaíocht agus cruinneas. Foirfe le haghaidh úsáide laethúla agus iarratais ghairmiúla.

Áireamhán Dóchúlachta

Ríomh dóchúlachtaí do chásanna éagsúla lenár n-áireamhán dóchúlachta cuimsitheach.

Tiontaire Chasmhóiminte

Athraigh do chuid sonraí TSV i bhformáid struchtúrtha JSON le cliceáil amháin.