javascript - 视差滚动底部

Question

您好，我的网站有问题，我的问题是:当我在页面上向下滚动时 (here is the link)我到达了我看到的页面底部，页脚不在页面底部。我知道错误是，当我滚动时，bootsrtap 顶部的旋转木马会产生视差效果。我用 jquery 和 css3 转换制作了这个视差效果:

$(window).scroll(function() {
    if($('html').width() > 767) { //For mobile devices
        var top = $(window).scrollTop();
        $('.parallax').css({
            'transform': 'translate(0px, -' + (top / 500) + 'px)'
        });
        $('.parallax + section').css({
            'transform': 'translate(0px, -' + top + 'px)'
        });
        console.log('A parallax effect működik... top: ' + top);
    }
});

所以 body 的部分在平移，但是 body 的高度并没有动态变化。 所以这是我的问题。

Answer 1

底部的 js(脚本)需要在 body(元素)结束标记内，而不是在外部。

这是一个纯 CSS 无 JS 的视差框架，这使得它的性能非常快:http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/