捲動時固定部份區塊(CSS)

加入一wrapper元素包住想固定的區塊

wrapper高度設為子元素的2倍

200vh

子元素設為

sticky

height: 100vh

position: sticky

top: 0

code:html

<!-- Video -->

<div>

<div class="fixed top-0 left-0 w-full overflow-hidden">

<video><source src="" type="video/mp4"></video>

</div>

</div>

<!-- Shadow -->

<div class="absolute top-0 left-0 w-full shadow"></div>

</div>

code:css

.shadow {

background: radial-gradient(), linear-gradient();

}