我正在尝试让 snapscroll 按照文档工作,但无法完全正常运行。它说“SnapScroll 仅适用于为单页网站设置为 100% 窗口高度的容器。”
快照滚动:http://wtm.github.io/jquery.snapscroll/
fiddle :http://jsfiddle.net/L649M/1/
$(function() {
$(".content").snapscroll();
});
最佳答案
该插件要求子项应位于单个包装元素内。
您的 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();
});
关于javascript - snapscroll 插件未激活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25130157/