<body style="margin: 0; padding: 0">
<div style="float: left; width: 50%; height: 3000px; background: pink">1</div>
<div style="float: left; width: 50%; height: 1200px; background: yellow">2</div>
</body>
2 番目の要素は最初の要素よりも短いため、ブラウザは通常、ページの最後、つまり最初の要素の最後に到達するまでスクロールを続けます。ページが長くても、ブラウザが2番目の要素の最後に達したときに垂直スクロールを停止させる方法はありますか?