Как построить макет с вышеупомянутым и под содержимым сгиба? ⇐ Html

[Anonymous]

I am desperate to build (Vue + TailwindCSS) the following layout:

• above the fold
  
  a header (that stays fixed)
• an intermediate content that takes the remaining space on the screen
  
  items that expand vertically
• a component at the bottom that scrolls with the rest

[*]below the fold

• some text

< /ul>
Это типично для приложений, которые имеют стартовый экран и внизу стрелка «учиться больше», которая позволяет прокручивать экран. Ниже приведен пример, но «ниже сгиба» не ниже сгиба, как и ожидалось. ниже)) < /p>





MyApp

Home
About
Contact








Item 1
Item 2
Item 3




This element is at the bottom (of the main area, under the header)






More content below
This text is below the fold. The whole page scrolls, including the bottom element above.


< /code>
Я потратил дни, пытаясь сначала заставить его работать, кодируя вручную, затем с «помощью» Chatgpt, Claude.ai и Mistral Le Chat. Ни одно из их решений не сработало; Макет был более или менее убит. Другими словами: должен ли я перепроектировать свое приложение (это приложение для домашнего класса, на котором я изучаю), чтобы избежать улова липкого, «подтолкнувшись на дно» и «под разделами» и соблюдать его более стандартным?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ld-content