Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
273 views
in Technique[技术] by (71.8m points)

javascript - How does Ionic fade away page header elements when closing?

In Ionic it's possible to use a left-to-right swipe to close a page, see animated gif. During this swipe, some header elements fade away, based on the position of the swipe. I've really looked into the CSS but can't seem to find any clues how this is done.

I want to use these CSS changes based upon swipe movement for my own development, and using this Ionic example really clarifies what I want.

To test the Ionic example, use Firefox or Safari (Ionic doesn't use this fading in Chrome), and enter responsive/mobile mode.

https://ionic-4-navigation.firebaseapp.com/

Ionic fading header when closing page

question from:https://stackoverflow.com/questions/65849608/how-does-ionic-fade-away-page-header-elements-when-closing

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...