I don’t know of a way to do this with pure HTML, but if you’re able to use jQuery, this might do the trick:
$(window).scroll(function () {
if ($(window).scrollTop() + $(window).height() > **whatever height you want** {
$(‘body’).css.(‘background’, ‘url(**your background image you want to use at this height**)’);
});