滚动时将背景移出图片

Question

我刚刚尝试了一些效果，包括移动背景，但是当使用下面的代码时，在向下滚动长页面时，背景会越走越远。任何建议，如何让它停止，当它得到图像的结束（如果你知道我的意思......）。向下滚动时，我不希望看到空白区域。

body {
    background: url(/images/bg.jpg) no-repeat center center fixed;
    background-position:center;
    background-size: 110% 120%;
    background-repeat: no-repeat;
}

<script>
    $(document).ready(function () {
        $('body').mousemove(function (e) {
            var x = -(e.pageX + this.offsetLeft) / 20;
            var y = -(e.pageY + this.offsetTop) / 20;
            $('body').css('background-position', (-3 + x) + 'px ' + (-3 + y) + 'px');
        });
    });
</script>

Answer 1

你可以试试这个： -

html{ height:100%; width:100%;}
body {height:100%; width:100%; overflow:hidden;}