PCでスクロールした際に左カラムにセットしたコンテンツがスクロールに追従して表示され続けます。

  1. カラムわけを行い、追従させたいコンテンツを左に配置します。
  2. カラムのIDを指定して、以下のCSSを追記します。
@media (min-width: 640px) {
		.page,
    .notion-row {
        overflow: visible;
    }
    
		/*固定したい要素のID*/
    #block-414319aecddc4564bfdc064edbbb30fb {
        position: sticky;
        top: 50px;
        align-self: flex-start;   
    }
}

カラム機能で左にセットしたエリアがスクロールに追従します

https://images.unsplash.com/photo-1469334031218-e382a71b716b?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb

見出し1

見出し2

見出し3

https://images.unsplash.com/photo-1579783902614-a3fb3927b6a5?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb

見出し3

見出し3

見出し1

見出し2

見出し3

https://images.unsplash.com/photo-1561657819-51c0511e35ab?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb

見出し1

見出し2

見出し3