Liigkeraamiline käitumine - CSS-trikid

overscroll-behaviorVara CSS kontrolli, kas element kasutab "scroll aheldamine" või mitte. Tõenäoliselt olete seda käitumist varem kogenud ja võib-olla pidasite enesestmõistetavaks, et veebis kerimine toimib niimoodi! Kui asute elemendis, millel on oma kerimine (ütleme, et see on vertikaalne) ja olete kerinud selle alla, siis vaikimisi hakkab järgmine vanemelement üles (võib-olla leht ise) selles suunas kerima. Kui te ei soovi seda vaikeväärtust, overscroll-behaviorkontrollib see seda.

.stop-scroll-chaining ( overscroll-behavior: contain; /* or "none" */ )

Vaadake
CodePenil Chris Coyieri (@chriscoyier)
pliiatsi ülerullimise käitumist.

Vara kaskaadid (st on päritud), nii et kui teile ei meeldi ükski element seda teha, võite selle rakendada kehale, et see ei juhtuks kuskil:

body ( overscroll-behavior: contain; /* or "none" */ )

noneVäärtus peaks lõpetama ülekerimisele affordance , mis mu parim oletus tähendab, et midagi sellist kummi banding värk, et mõned brauserid teha, eriti seadmete puuteplaadi kerimine.

Vaikeväärtus on auto.

Ressursid

CSS-i ülerullimise käitumismooduli 1. tase
Veebiplatvormi uudised

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome	Firefox	IE	Edge	Safari
65	59	11	79	Ei

Mobiil / tahvelarvuti

Android Chrome	Android Firefox	Android	iOS-i Safari
88	85	81	Ei

taustfilter
tagapinna nähtavus
taust
taust-kinnitus
taust-segu-režiim
taustklipp
taustavärv
taustapilt
taust-päritolu
taust-positsioon
taust-kordus
tausta suurus
veritsema
ploki ülevool
piir
piiri-piir
piiri kokkuvarisemine
piir-pilt
piiri raadius
piiride vahe
alt
kastikaunistus-purunemine
kast-vari
kasti suurus
sissemurdmine

pealdise pool
caret
caret-värv
caret-kuju
selge
clip-tee
värv
värvi reguleerimine
veergude arv
veeru täitmine
veergude vahe
veeru reegel
veeru reegel-värv
veeru-reegel-stiil
veeru reegel-laius
veeru pikkus
veeru laius
veerud
sisaldama
sisu
vastu juurdekasv
vastulähtestamine
vastukomplekt
kursor

suund
kuva

tühjad lahtrid

täitke
filter
painduma
paindlik
painde-suund
painduv vool
painduma-kasvama
painduma-kahanema
painduv mähis
ujuk
font
font-display
font-perekond
font-feature-settings
font-kerning
fondi optiline suuruse muutmine
fondi suurus
fondi suuruse kohandamine
font-venitada
font-stiil
font-süntees
font-variant
font-variant-numbriline
fondi kaal

lõhe
ruudustik-rida / ruudustik-veerg
ruudustik-mall-veerud / ruudustik-mall-read

riputamine-kirjavahemärgid
kõrgus
sidekriipsud

Mina

pildi renderdamine
algustäht
reasuurune
sisestatud
sisestusplokk
inset-block-end
sisesta-blokeeri-alusta
sisestatud
sisestatud-sisse-otsa
sisestatud-sisse-algus
isolatsioon

õigusta-sisu
justify-items

vasakule
tähevahed
reavahetus
joon-klamber
reakõrgus
loendistiilis

marginaal
marginaali blokeerimine
marginaali blokeerimine
marginaali blokeerimine - algus
veerisesisene
veeris-otsasisene
veerist-sisse-algus
mask-klamber
mask-pilt
mask-mode
mask-päritolu
mask-asend
mask-kordus
maski suurus
max-kõrgus
max-in-size
max-laius
min-kõrgus
min-laius
mix-blend-mode

objektile sobiv
objekti-positsiooni
nihe-ankur
offset-distance
offset-tee
nihutada-pöörata
läbipaistmatus
tellimus
vaeslapsed
kontuur
kontuur-nihe
ülevoolu
ülevoolu-ankur
ülevoolu-mähis
üle kerimine-käitumine

polsterdus
leheküljepaus
värvitellimus
perspektiivist
perspektiiv-päritolu
koht-esemed
pointer-sündmused
asend

tsitaat

suurust muuta
eks
reavahe

kerimis-käitumine
kerimisvaru
kerimispolster
kerige-klõpsake-joondage
kerige-klõpsake-peatage
kerimis-klõpsamise tüüp
kerimisriba
kerimisriba värv
kerimisriba-vihmaveerenn
kerimisriba laius
kuju-pilt-künnis
kuju-veeris
kuju-väljaspool
rääkima
insult
insult-dasharray
insult-dashoffset
löögi-linekork
insult-linejoine
löögi laius

saki suurus
tabeli paigutus
teksti joondamine
text-align-last
tekst-ühenda-püsti
teksti kaunistamine
tekst-kaunistus-värv
tekstikaunistus-rida
teksti kaunistamine-vahele jätmine
tekstikaunistus-vahele-tint
teksti kaunistamise stiil
teksti kaunistamise paksus
teksti taane
tekst-õigusta
tekstile orienteeritus
teksti ülevool
teksti renderdamine
teksti vari
tekstilöök
teksti teisendamine
text-underline-offset
text-underline-position
ülemine / alumine / vasak / parem
puutetegevus
ümberkujundama
ümberkujundamine
muundamisstiil
üleminek
üleminek-viivitus
ülemineku kestus
üleminek-vara
üleminekuajastus-funktsioon

unicode-bidi
unicode-vahemik
kasutaja valitud

vertikaalselt joondama
nähtavus

tühik
lesed
laius
muutub
sõnamurd
sõnavahe
kirjutamisrežiim

z-indeks
suum

Valijad

A
- ::enne pärast
- : aktiivne
- : suvaline link
- Kõrvalolev õde-vend
- (atribuut)
B
- : tühi
C
- : kontrollitud
- : praegune
- Laps
- Klass
D
- : vaikimisi
- : dir ()
- : keelatud
- Järeltulija
E
- :tühi
- :lubatud
F
- :: esimene täht
- ::esimene rida
- : esiklaps
- : esimene tüüp
- : fookus
- : fookus nähtav
- : fookus-sees
- :tulevik
G
- Üldine õde-vend
H
- :hõljuma
Mina
- :vahemikus
- : määramata
- :kehtetu
- :on()
- ID
J
K
L
- : lang ()
- :viimane laps
- : tüüp-tüüp
- :link
M
- :: marker
- :tikud()
N
- :mitte()
- : n-nd laps
- : n-viimane-laps
- : tüüp-viimane
- : n-tüüpi
O
- :ainuke laps
- : ainult tüüpi
- : valikuline
- :väljas pool leviala
P
- :: kohahoidja
- : minevik
- : kuvatakse kohatäide
Q
R
- : kirjuta-kirjuta /: kirjutuskaitstud
- :nõutud
- : juur
S
- :: valik
T
- : sihtmärk
- Tüüp
U
- : kasutaja on kehtetu
- Universaalne
V
- : kehtiv
- : külastatud
W
X
Y
Z

Meie õppepartneri

esiosa meistrid

Kas vajate esiotsa arenduskoolitust?

Frontend Masters on parim koht selle hankimiseks. Neil on kursused kõigi olulisemate esiotstehnoloogiate kohta, alates Reactist CSS-ni, Vue-st kuni D3-ni ja kaugemalgi koos Node.js ja Full Stackiga.