Halo Saya ingin memiliki tiga bagian komponen menu terpisah yang memiliki header dan footer selalu terlihat di halaman. Mari kita pertimbangkan bahwa kita memiliki daftar beberapa opsi untuk dipilih dan jika terlalu banyak, mereka dapat digulir sehingga footer selalu terlihat seperti di banyak menu di smartphone:

    [    HEADER    ] --> always visible on top
      [   Title  ]
    [--------------]

    [---OPTIONS----] --> scrollable if screen is too small
      [Select 1  ]
      [Select 2  ]
      [Select 3  ]
      [Select 4  ]
      [Select n  ]
    [--------------]

    [    FOOTER    ] --> always visible on bottom
      [  Apply   ]
      [  Cancel  ]
    [--------------]

Bisakah Anda menunjukkan kepada saya gaya yang tepat untuk div yang mungkin ditumpuk secara vertikal ini?

0
Sinny 26 Oktober 2019, 12:26

1 menjawab

Jawaban Terbaik

Anda dapat melakukannya dengan CSS menambahkan posisi tetap, Anda dapat melihat di sini misalnya:

https://www.w3schools.com/howto/howto_js_sticky_header.asp

1
Drilon Hametaj 26 Oktober 2019, 10:56