Jquery路径点粘滞问题

Question

我试图使用jquery的路径点来产生一些粘性导航，但我遇到了问题。

页

<script src="js/waypoints-sticky.min.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/waypoints-sticky.js"></script>
<script type="text/javascript" charset="utf-8">

    $(document).ready(function(){
         $(window).resize(function(){
             $('#mainsplash').css("height", ($(window).height() - 200) + "px");
         });
         $('#mainsplash').css("height", ($(window).height() - 200) + "px");
         $('.sticky1').waypoint('sticky', {
          offset: 0 // Apply "stuck" when element 30px from top
        });
    });

</script>

CSS

.stuck{position: fixed; top: 0;}

问题1:似乎不工作的div ?如果我用类"sicky1"应用一个div，它什么也不做。但是，当我将类"stick1"应用到H1或A标记时，它可以工作。没有办法在div上使用这个吗?

Issue2:是否有一种方法可以将粘性应用于多个元素，然后在到达顶部时让它们位于另一个元素的下方。

基本上我想做的是创建一个手风琴效果。假设我的页面有3个部分。

产品——内容关于内容联系内容。

当用户滚动到底部时，这三个部分应该被粘在页面顶部的另一个下面。

。(这些应该一个接一个地放在下面)PRODCUT关于联系

——
• 内容页脚- - - - - -

希望这是有意义的。Jquery不是我的强项

Answer 1

没关系，我想出来了。我不确定为什么它在潜水时不起作用，但它突然开始起作用了。通过在div的css中设置margin-top和在jquery中设置偏移量，我可以实现手风琴效果。