2016-03-23 5 views
2

Ich werde wahrscheinlich Stimmen dafür, aber ich muss sowieso fragen ... Wann würde ich paper-scroll-header-panel über paper-header-panel verwenden? Die scheinen sich in Features zu überlappen - beide Scroll, beide sind Header, beide teilen einige der visuellen Effekte, etc.Paper-scroll-header-panel vs Paper-header-panel

Ich sehe sie haben unterschiedliche Attribute und API ... aber ein Mangel an Attributen würde mich nicht davon abhalten zu implementieren mein eigenes Verhalten/Stil. Ich denke, was ich auch möchte, ist eine Klarstellung bezüglich der beabsichtigten Verwendung zwischen den beiden.

Antwort

1

Nach dem docs

Papier-Scroll-header-Panel enthält einen Kopfabschnitt und einen Inhaltsbereich. Die Kopfzeile befindet sich zunächst im oberen Teil der Ansicht, aber sie wird mit dem restlichen Bildlaufinhalt weggescrollt. Wenn Sie an irgendeiner Stelle leicht nach oben blättern, scrollt die Kopfzeile zurück in die Ansicht.

Sie können die demo anzeigen, um dieses Verhalten in Aktion zu sehen.

paper-header-panel bietet nur eine Kopfzeile und scrollbaren Inhaltsbereich, ohne das "erweiterte" Scrollverhalten.

+0

'Beim Scrollen an einem beliebigen Punkt, der Header scrollt zurück in Sicht 'ist so ziemlich der einzige Unterschied, den ich finden konnte. 'Paper-header-panel' macht das auch, aber nur wenn man ganz oben zurückgeht. – dman

+2

Ja, das ist der Hauptunterschied. Anfangs gab es das "Papier-Scroll-Header-Panel" nicht, und viele Leute benutzten 'Paper-Header-Panel'. Um dieses Verhalten, das auf mobilen Geräten üblich ist, zu implementieren, wurde das 'Papier-Scroll-Header-Panel' eingeführt. Dies erklärt wahrscheinlich, warum es zwei verschiedene Elemente für ein scheinbar ähnliches Verhalten gibt. – Kable

Verwandte Themen