Question

我正在开发一个新网站，我正在使用：

background-attachment:  fixed;
background-color: #645862;
background-image:url("images/bg/bg.jpg");
background-position:  center center;
background-repeat: no-repeat;
background-size: cover;
color: white;
cursor: default;
padding: 6em 0;
text-align: center;
height: auto;
position: relative;

因此，当我滚动背景时，img不跟随：

background-attachment:  scroll;

但是我如何才能获得某些页面在后台img跟进的地方使用的效果，但速度很慢？喜欢在新的Twitter顶级标题img？以下是https://twitter.com/verge

的示例

Answer 1

感谢Grumann！

我找到了这个JQuery代码：

$(document).ready(function(){
    $(window).bind('scroll',function(e){
        parallaxScroll();
    });

    function parallaxScroll(){
        var scrolledY = $(window).scrollTop();
        $('.fullintro').css('background-position','center -'+((scrolledY*0.4))+'px');
    }
});

其中＆＃34; fullintro＆＃34;是我的div的类与背景img。

滚动时背景修正了一点

1 个答案: