jquery - 如何为视差站点制作全屏部分？

Question

如何使视差网站的第一部分全屏显示？

我已经在网上搜索这个问题很多年了，但我一无所获，尽管我看到的几乎每个视差网站都这样做。我得到的最好的是 scrolldeck.js，但这并不是我想要的，因为它使网站的每个部分都全屏显示。

例子:

http://zindustry.com/index.php和 http://cecchi.net/

Answer 1

您需要使用以下方法计算用户的高度和宽度:

$(window).width() 和 $(window).height()

然后使用 $(window).resize(function() {} 来适应任何变化并重新计算高度/宽度以适合他们的 View 。