使用jQuery的可伸縮網站

Question

嘗試使用jQuery視差創建網站，在縮小或放大窗口時可以正確調整大小。看看這個Flash站點並拖動角落以查看調整大小功能。

http://www.intersectionpartners.com/

如何使用jQuery做這個有什麼建議？

Answer 1

我相信你所期望的是全屏的視差。就像我的樣品在這裏：

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

我開始複製他們target demo，然後（在CSS裏）我設置頁邊距，以 「0」 爲parallax-port：

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

就是這樣。然後我將圖像更改爲parallax homepage中的圖像，並更改了座標以獲得與您展示的頁面類似的採樣器（但顯然圖像不夠大，無法用於大屏幕）。