CSS / jQuery:将项目放在窗口高度会导致布局问题

Question

目前，我使用jQuery来定位一些与窗口大小相关的元素。虽然如果窗口是完整大小的，这可以很好地工作，但如果我打开了调试器或更短的窗口，结果布局是不正确的。

问:有没有办法相对于最大可能的窗口高度而不是当前的窗口高度来放置东西？

jQuery

var navbarHeight = parseInt($(".navbar").css("height"));

$("#home-part-1").css("height", $(window).innerHeight() - navbarHeight);
$("#home-part-2").css("height", $(window).innerHeight());
$("#home-part-3").css("height", $(window).innerHeight());

$("#divider-1").css("top", $(window).innerHeight() - navbarHeight);
$("#divider-2").css("top", (2 * $(window).innerHeight()) - navbarHeight);

Answer 1

尝试以这种方式布局页面是一种糟糕的做法。对于您指定的解决方案，我无能为力。它不会以这种方式工作。不过，看看这个：http://alvarotrigo.com/fullPage/#firstPage。这可能会对你有帮助。