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?
Ich habe bemerkt, dass es auch in meinem Chrome Inspector auftaucht, was mich zu diesem Beitrag geführt hat ...
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.
Sehen Sie sich das JSFiddle an, um zu sehen, wie das Sofortscrollen über Anchor-Tags derzeit durch das DOM funktioniert - Ссылка