Javascript 创建背景图像以与页面内容不同的速度滚动的效果_Javascript_Jquery_Css_Html

Javascript 创建背景图像以与页面内容不同的速度滚动的效果

javascript jquery css html

Javascript 创建背景图像以与页面内容不同的速度滚动的效果,javascript,jquery,css,html,Javascript,Jquery,Css,Html,有谁能解释一下，我怎样才能创造一种效果，如请点击本页上的“了解更多” 它看起来像一个3D效果。图像移动得不如滚动条那么快。如果我们在第页有两段，在第1段下面有第2段，那么第2段在第1段之前移动得很快任何指导原则我如何创建这些效果，或者如果有任何Jquery插件，那么它也可以谢谢这就是视差效应视差是沿两条不同视线观察的物体的视位置的位移或差异，通过这两条线之间的倾角或半倾角来测量。当从不同的位置观察时，附近的物体比远处的物体有更大的视差，所以视差可以用来确定距离检查这个和您链接到的效果

有谁能解释一下，我怎样才能创造一种效果，如请点击本页上的“了解更多”

它看起来像一个3D效果。图像移动得不如滚动条那么快。如果我们在第页有两段，在第1段下面有第2段，那么第2段在第1段之前移动得很快

任何指导原则我如何创建这些效果，或者如果有任何Jquery插件，那么它也可以

谢谢

这就是视差效应

视差是沿两条不同视线观察的物体的视位置的位移或差异，通过这两条线之间的倾角或半倾角来测量。当从不同的位置观察时，附近的物体比远处的物体有更大的视差，所以视差可以用来确定距离

检查这个

和

您链接到的效果称为“视差滚动”。有许多网站和插件描述了如何实现这一点：

$(window).scroll(
    function() {
        x = $("html").scrollTop() * -.05;
        $(".bg_img").animate({top: x + "px"}, 0);
});