Sticky and scroll
The header, sidebar and aside are all sticky and only the main content scrolls.
<body>
<flux:sidebar sticky collapsible="mobile">…</flux:sidebar>
<flux:header sticky>…</flux:header>
<flux:main>…</flux:main>
<flux:aside sticky>…</flux:aside>
<flux:footer>…</flux:footer>
</body>
sidebar
header
main
aside
footer
Scroll the page: the "sticky" prop caps each area to the viewport height.
Orders today
128
Sales today
184,500,000
Toman
Returns
7
Average rating
Latest orders
|
Product
|
Status
|
|
Amount
|
|---|---|---|---|
|
|
2 days ago |
13%
42,500,000
Toman
|
|
|
|
1 day ago |
1,890,000
Toman
|
|
|
|
6 hours ago |
30%
245,000
Toman
|
|
|
|
2 hours ago |
3,200,000
Toman
|
Flash deals
Ends in:
07
hours
42
min
00
sec
More deals (2)
More deals (3)
More deals (4)