javascript – 如何实现固定位置的背景滚动/显示效果? jQuery插件可用?

前端之家收集整理的这篇文章主要介绍了javascript – 如何实现固定位置的背景滚动/显示效果? jQuery插件可用?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有人知道是否有一个jQuery插件,或者如何实现在时尚标签 krystalrae.com的’collection’部分可见的这种效果

Screen Capture Video

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

谢谢!

解决方法

你可以用CSS来做到这一点.所有你需要的是一些div与窗口相同的高度,不同的背景图像与属性background-attachment:固定.
#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/

猜你在找的jQuery相关文章