snapscroll插件未激活

Question

我试图让snapscroll按照文档工作，但不能让它表现得很好。它表示＆＃34; SnapScroll仅适用于单页网站设置为100％窗口高度的容器。＆＃34;

Snapscroll：http://wtm.github.io/jquery.snapscroll/

小提琴：http://jsfiddle.net/L649M/1/

$(function() {
$(".content").snapscroll();
});

Answer 1

插件要求子项应位于单个包装元素中。 您的HTML显示.content是每个.stuff的一个包装器。 您的HTML设置应该像这样：

 <div class="content"> 
    <div class="stuff" style="background-color:#D95153;"> </div>
    <div class="stuff"  style="background-color:#967D7D;"> </div>
    <div class="stuff"  style="background-color:#ADA1A2;"> </div> 
 </div> 

您也可以使用jQuery来使每个孩子的身高达到100％。 此外，为了正常工作，请在构建后调用插件。 所以在插件构造函数之后你应该放置它：

$(function() {
  $(".stuff").height($(window).height());
  $(".content").snapscroll();
});

CHECK THIS UPDATED FIDDLE