Ok, new answer. I just developed a little trick to do so, mixed with jQuery.
Create a wrapper div
inside the body, with the following css.
body { overflow: hidden; }
#wrapper { overflow: auto; }
Then, simply set their respective heights:
$("body").height($(window).height());
$("#wrapper").height($("#text").height());
Demo
To support for resizes
$(window).trigger('scroll');
$(window).scroll(function() {
$("body").height($(window).height());
$("#wrapper").height($("#text").height());
});
Demo