Was ist die Eigenschaft css scroll-behavior?

8

Ich habe kürzlich eine scroll-behavior -Eigenschaft bemerkt, die ich in meinem CSS spezifizieren kann. Es kann nur 2 Eigenschaften haben: inherit und initial . Ich habe es noch nie gehört / gesehen, also habe ich versucht es anzuschauen. Das Problem ist, dass alle Links verschiedene Dinge über overflow property erklären.

Dann habe ich versucht, es zu testen .

%Vor%

Das Problem ist, dass ich keinen Unterschied sehe. Also, was macht es?

    
Salvador Dali 13.09.2014, 07:05
quelle

1 Antwort

7

Ich habe bemerkt, dass es auch in meinem Chrome Inspector auftaucht, was mich zu diesem Beitrag geführt hat ...

Was ist das Scroll-Verhalten?

Speziell als CSSM-View-Eigenschaft "Scroll-Behavior" bezeichnet, wurde die CSS-Eigenschaft erstellt, um CSS flexibler für das Scrollen von DOM-Elementen zu integrieren. Die meisten Scroll-to-Optionen, die für Websites erstellt werden, basieren in der Regel auf einer JS-Bibliothek oder einem JS-Plug-in. Wie andere bereits erwähnt haben, hier ist die Release-Dokumentation - Ссылка

Das aktuelle Scroll-Verhalten des DOM wird durch Anker-Tags festgelegt (Beispiel: Klicken Sie auf "Me"). Wenn diese CSS-Eigenschaft in allen Browsern vollständig übernommen und korrekt implementiert wurde (Lesen Sie diese Diskussion: Ссылка ). Sie können den 'instant' Anchor-Tag scrollen, um mehr zu einem 'glatten' Scroll zu schalten.

Die eigentliche Frage ist, ob diese Eigenschaft in Edge-Browsern verfügbar ist. Derzeit wird es von Firefox & amp erkannt; Chrome, aber die Eigenschaft ist nicht "Aktiv", soweit die Forschung gegangen ist.

%Vor%

Sehen Sie sich das JSFiddle an, um zu sehen, wie das Sofortscrollen über Anchor-Tags derzeit durch das DOM funktioniert - Ссылка

    
Cason 11.10.2014, 01:39
quelle

Tags und Links