使用jQuery的可扩展站点

Question

尝试创建一个具有jQuery视差的网站，该网站在缩小或放大窗口时可以正确调整大小。查看此Flash网站并拖动角落以查看调整大小功能。

http://www.intersectionpartners.com/

有关如何使用jQuery执行此操作的任何建议吗？

Answer 1

我相信你期望的是全屏视差。就像我的样本一样：

http://jsfiddle.net/protron/hLHTP/embedded/result/（完整来源here）

我开始复制他们target demo然后（在CSS内部）我将parallax-port的边距设置为“0”：

.parallax-port {
    position: absolute;
    top:0px; bottom:0px; left:0px; right:0px;
}

就是这样。然后我将图像更改为parallax homepage中的图像，并更改了他们的坐标以获得与您显示的页面类似的采样器（但显然图像对于大屏幕来说不够大）。