The challenge is making the "Disappearing Header" re-appear if the scroll direction is upwards. See the Represent Shop for reference.
Spec:
- When the header re-appears, it shall push down the content (Product) sticky header.
- When the scrolling direction is downwards, it shall disappear.
- There shall be no visisble gaps between the disappearing header & the sticky header.
Bonus:
- Virtualize the product list with react-virtualized
Run nx serve web
for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run nx graph
to see a diagram of the dependencies of the projects.
Run npx nx connect-to-nx-cloud
to enable remote caching and make CI faster.
Visit the Nx Documentation to learn more.