demo-container { display: block; border: 2px solid rgb(189, 189, 189); padding: 25px 10px 10px; border-radius: 4px; width: 250px; }
demo-object { display: block; background-color: rgb(224, 255, 253); height: 250px; overflow-y: scroll;

scroll-timeline-name: --my-timeline;
}
.element {scroll-timeline-axis: y;}
#square { background-color: deeppink; width: 70px; height: 70px; position: absolute; animation-duration: 1ms; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: rotateAnimation; animation-range: normal; animation-timeline: --my-timeline; }
#stretcher { height: 600px; width:600px; background: rgb(222, 222, 222); }
@keyframes rotateAnimation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}