snapscroll插件未激活

Question

我正在嘗試使snapscroll根據文檔工作，但不能完全正常工作。 它說：“ SnapScroll僅適用於將單個頁面站點的窗口高度設置為100％的容器。”

快照滾動： 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();
});

檢查此更新的文件