position:stickyを使ってmainとasideそれぞれが別々にスクロールできるようにしたい。

Question

mainとsideがそれぞれhightが異なるため、mainの高さに応じてmainのコンテンツが表示されつくしたらmainでのスクロールは終了し、asideのみスクロールできるようにしたいです。

Comments

[miyabi_pudding]

現状のHTMLとCSSを提示して下さい。

Answer 1

こうでしょうか。

サンプル

body{
  display:flex;
  align-items: flex-end;
}
main{
  position: sticky;

  bottom:0;
}