【问题标题】:Scalable sites with jQuery使用 jQuery 的可扩展站点
【发布时间】:2012-09-25 13:02:06
【问题描述】:

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

http://www.intersectionpartners.com/

关于如何使用 jQuery 做到这一点的任何建议?

【问题讨论】:

标签: jquery scalability parallax


【解决方案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 中的图像,并更改它们的坐标以获得与您显示的页面相似的采样器(但显然图像不足以容纳大屏幕)。

【讨论】:

    猜你喜欢
    • 2011-08-22
    • 2010-11-30
    • 1970-01-01
    • 1970-01-01
    • 2011-12-26
    • 2011-06-27
    • 1970-01-01
    • 1970-01-01
    • 2011-05-06
    相关资源
    最近更新 更多