Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

make the sticky header appear when scrollview pass certain point #142

Open
kirhim opened this issue Jan 10, 2020 · 6 comments
Open

make the sticky header appear when scrollview pass certain point #142

kirhim opened this issue Jan 10, 2020 · 6 comments

Comments

@kirhim
Copy link

kirhim commented Jan 10, 2020

I love this library!

This is exactly what I was looking for :)

I am just wondering if I could make the sticky header appear when I scroll the view to a certain point.

Right now the sticky header starts to appear immediately when scrolling to the top. But don't want the sticky header to appear right away. I want it to appear when I scroll up to a certain point.

Could this be done?

@anthonyk1225
Copy link

@kirhim Just put your content in renderForeground of everything before parallax effect. Put everything that you want to appear after the effect as children.

@ColtraneNadler
Copy link

hey @anthonyk1225 can you supply an example?

i'm also interested in this.

@anthonyk1225
Copy link

https://gist.github.com/anthonyk1225/1e9f4949050cdd2fdd7762189da1d63e

The header won't appear, until you start to scroll past what is in renderForeground.

@Davete0302
Copy link

did you find a solution?

@bpeck81
Copy link

bpeck81 commented Dec 18, 2023

https://gist.github.com/anthonyk1225/1e9f4949050cdd2fdd7762189da1d63e

The header won't appear, until you start to scroll past what is in renderForeground.

This doesn't work if you need to render a background. Frankly it doesnt work well at all.

@bpeck81
Copy link

bpeck81 commented Dec 18, 2023

What I ended up doing was using the fixed header and using an Animated.View to have it appear after the user scrolled a certain amount. It worked quite well. The only thing is you can't use the native driver when using this Animated.View's animations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants