css - CSS を使用して、body ではなく div の cover プロパティを使用して背景画像を設定するにはどうすればよいですか?

Question

ビューポートのサイズである完全な背景画像が必要な div、.cover-section があります。カバーCSSプロパティを使用したい。ページの本文でこれを機能させましたが、コンテンツを追加してスクロールしようとすると、画像が背景のままになります。コンテンツに合わせて画像をスクロールさせたい。これは私がこれまでに持っているものです:

.cover-section {
    background-image: url('../images/cover.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

どうすればやりたいことができるようになりますか?