高さが500pxのdivがあります。ページを下にスクロールすると、ページのスクロールに合わせて div が移動するようにしたいのですが、div の 250px が表示されなくなったらページのスクロールを停止したいと考えています。ページの残りの部分はスクロールし続ける必要がありますが、div はページに 250px 表示されると固定として機能する必要があります。
さらに、上にスクロールすると、ユーザーが一番上までスクロールするまで (最後の250pxが残っているまで) div を 250px のままにしておきたいと思います。この場合、div は突然ページの一部になり、それと一緒にスクロールします。
これはJavaScriptでしかできないと思いますが、どうやって？