javascript - snapscroll 插件未激活

Question

我正在尝试让 snapscroll 按照文档工作，但无法完全正常运行。它说“SnapScroll 仅适用于为单页网站设置为 100% 窗口高度的容器。”

快照滚动:http://wtm.github.io/jquery.snapscroll/

fiddle :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