多个全屏div互相之间

我创建了一个网站，其中有两个全屏div堆叠onother的海誓山盟。当点击第一个div时，我使用了一个锚链接和jQuery来创建一个平滑的滚动到第二个全屏div。多个全屏div互相之间

两者的div有这些的CSS属性：

position: relative; 
width: 100%; 
height: 100%; 
top: 0; 
left: 0; 

display: -webkit-box; 
-moz-background-size: cover; 
-webkit-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
-webkit-box-orient: vertical; 
-webkit-box-pack: center; 
-webkit-box-align: center;

这些通过与这些CSS一个div容器incapsulated属性：

position: absolute; 
width: 100%; 
height: 100%; 
top: 0; 
left: 0;

主体具有溢出：隐藏;而logo-div根本没有任何CSS属性。

一切都很好，但是当我在第二个div下调整浏览器窗口的高度时会出现问题。第二个div的全屏模式然后会误入歧途，第一个div变得可见。

你可以在这里查看网站： http://www.nolovelost.nu/test

关于如何解决此问题的任何提示，将非常感谢！

来源

2013-02-08 user2052849

不能复制的问题。你能告诉你哪个浏览器有问题吗？ –

这个答案可能会帮助你：http://stackoverflow.com/questions/14609878/set-height-for-element-by-browser-without-cutting-off-the-content/14609958#14609958 –

我相信它的工作应该是这样！

两个div的有100％的高度，当您通过X像素增加窗口大小顶部和底部的div得到高度X更多的像素...和“推”的低格了！

即时通讯不是一个jQuery的专家...但这样的事情，当你的底部div应该做的伎俩！

$(window).resize(function() { 
    $('html, body').animate({ scrollTop: $(document).height() }, 0); 
        return false; 
      });

来源

2013-02-08 03:46:23 andsoa

这似乎是工作，但看到我实际上不知道任何jquery，我怎么才能让这个脚本只有当我在较低的div上执行？ – user2052849

Andsoa的回答听起来不错。我在想window.resize上的东西。

我的回答是不是直接的，但也有完成你想要做的许多现有的脚本，所以你可以通过检查出来节省时间： http://www.impressivewebs.com/parallax-scrolling-scripts-plugins/

来源

2013-02-08 04:32:16

多个全屏div互相之间

回答

相关问题