Question

您好我的网站有问题，我的问题是：当我向下滚动页面(here is the link)并且我到达页面底部时，我看到，页脚不在底部在页面上。我知道错误是，当我滚动时，顶部的bootsrtap的旋转木马会获得视差效果。我用jquery＆amp; amp; 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);
    }
});

因此，身体中的部分是翻译的，但身体的高度并没有改变。所以这是我的问题。

Answer 1

底部的js（脚本）需要位于不在外面的body（element）结束标记内。

这是一个纯CSS CSS中的视差框架，它使性能提升得更快：http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/

视差滚动底部

1 个答案: