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

Question

我想知道是否有人知道是否有 jquery 插件，或者如何实现这种在时尚标签的“系列”部分可见的效果 krystalrae.com

Screen Capture Video

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

谢谢!

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/