多個全屏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互相之間

回答

相關問題