CSS స్క్రోల్-స్నాప్-స్టాప్ అట్రిబ్యూట్

定义和用法

当在触控板或触摸屏上快速滑动时，scroll-snap-stop 属性用于指定滚动是直接跳过元素，还是停止并吸附到下一个元素。

స్క్రోల్ అంతరాన్ని ఆగి తదుపరి కేంద్రకానికి అద్దుకునే ప్రవర్తనను నియంత్రించడానికి, ఈ లక్షణాన్ని పిల్లల కేంద్రకంలో సెట్ చేయండి scroll-snap-stop మరియు scroll-snap-align లక్షణం మరియు పేర్వ కేంద్రకంలో ఈ లక్షణాన్ని సెట్ చేయండి scroll-snap-type లక్షణం

మెరుగుదల: టచ్స్క్రీన్ లేదా టచ్ స్క్రీన్ ఉన్న పరికరంలో స్లైడ్ మానసికంగా ఉపయోగించి ఈ లక్షణాన్ని అనుభవించండి ఉంటుంది. scroll-snap-stop లక్షణ ప్రభావం

ఉదాహరణ

టచ్స్క్రీన్ లేదా టచ్ స్క్రీన్ పై వేగంగా స్లైడ్ చేసిన సమయంలో, స్క్రోల్ అంతరాన్ని ప్రతికూలంగా ఆగి తదుపరి కేంద్రకానికి అద్దుకుంటుంది కాదు మరియు కేంద్రకాలను సరసగా స్లైడ్ చేస్తుంది:

div {
  scroll-snap-stop: always;
}

స్వయంగా ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలు

scroll-snap-stop: normal|always|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
normal మూల విలువ. టచ్స్క్రీన్ లేదా టచ్ స్క్రీన్ పై వేగంగా స్లైడ్ చేసిన తర్వాత, స్క్రోల్ అంతరాన్ని వేగంగా తగ్గిస్తుంది మరియు అనేక కేంద్రకాలను సరసగా స్లైడ్ చేస్తుంది.
always టచ్స్క్రీన్ లేదా టచ్ స్క్రీన్ పై వేగంగా స్లైడ్ చేసిన తర్వాత, స్క్రోల్ అంతరాన్ని ఆగి తదుపరి కేంద్రకానికి అద్దుకుంటుంది.
initial ఈ లక్షణాన్ని దాని మూల విలువకు సెట్ చేయండి. ఈ ప్రకారం చూడండి: initial.
inherit ఈ లక్షణాన్ని తన పేర్వ కేంద్రకం నుండి పారంపర్యం చేసుకుంది. ఈ ప్రకారం చూడండి: inherit.

సాంకేతిక వివరాలు

మూల విలువ normal
పారంపర్యం: ఏ
అనిమేషన్ నిర్మాణం: మద్దతు లేదు. దయచేసి ఈ ప్రకారం చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: సిఎస్ఎస్3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.scrollSnapStop="always"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను సూచిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
75.0 79.0 103.0 15.0 62.0

సంబంధిత పేజీలు

సూచనలు:CSS స్క్రోల్-స్నాప్-అలైన్ అట్రిబ్యూట్

సూచనలు:CSS స్క్రోల్-స్నాప్-టైప్ అట్రిబ్యూట్