如何实现固定位置背景滚动/显示效果？jQuery插件可用吗？

Question

我想知道是否有人知道是否有一个jquery插件,或者如何实现这种在时尚品牌krystalrae.com的'collection'部分可见的效果

屏幕捕获视频

任何提示或推动正确的方向将不胜感激!

谢谢!

Answer 1

你可以用CSS做到这一点.您只需要一些与窗口高度相同的div,并使用不同的背景图像background-attachment: fixed;.

#one
{
    background: url(http://images.buzzillions.com/images_products/07/02/iron-horse-maverick-elite-mountain-bike-performance-exclusive_13526_100.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
}

#two
{
    background: url(http://img01.static-nextag.com/image/GMC-Denali-Road-Bike/1/000/006/107/006/610700673.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment:fixed;
}

http://jsfiddle.net/Kyle_/mbhLN/