javascript - 类苹果网站逐节滚动行为

Question

我正在尝试弄清楚如何使主要可见内容区域扩展到浏览器的高度——它在某种意义上是响应式的。如果扩展浏览器，则会显示更多内容。如果向下滚动，它会滚动到下一个 div 并重复该行为。

我不知道这种行为叫什么或指的是什么，所以我不确定我能给出一个准确的标题。

我猜这是用 Javascript 完成的，但我无论如何都不精通这门语言。有人可以帮我吗？

例子: http://theartofraw.g-star.com & http://www.apple.com/iphone-5s/

Answer 1

我已经用 Jquery 做到了这一点。基本上，您获取窗口的高度，然后将每张幻灯片的高度设置为该值。

var origheight = $(".slide").height();
var height = $(window).height();

if (height > origheight) {
    $(".slide").height(height);
}

http://jsfiddle.net/uYXvF/