实现Jquery插件

时间:2013-07-14 02:32:21

标签: jquery plugins scroll css-position implementation

我是新手,我几乎无法处理CSS和HTML。但我真的很喜欢这个插件所以我试了一下。

https://github.com/davist11/jQuery-Stickem

这是一个粘性滚动插件,它删除并添加一个位置:固定类到一个项目,具体取决于它相对于其容器的位置(如果我理解正确的话)。该链接中还有一个演示。

无论如何,问题在于我无法让它发挥作用。我觉得我遵循了那里的每一条指令。我把一个'stickem-container'类放到我的帖子容器里, 'stickem'到我想要的列表,为所需的类设置CSS并将jQuery源放在body标签中。但没有任何工作,就好像我根本没有改变任何东西。谁更熟悉jQuery,可以看看插件的实现方法,并告诉我我可能做错了什么?

这是一个http://jsfiddle.net/epV47/1/。滚动时,列表应该上下移动。

<div class="Post"> 
<div class="stickem-container">
     <ul class="nav stickem">
              <li><a href="#">test</a></li>
              <li><a href="#">test</a></li>
              <li><a href="#">test</a></li>            
     </ul>

     <div class="Text">
          CONTENT HERE
     </div>



</div>
</div>

1 个答案:

答案 0 :(得分:0)

您需要在元素上调用插件。你添加了插件,但这本身并不会导致它定位一个元素并执行它自己;你必须。

$('.stickem-container').stickem();

Here's the Fullscreen jsFiddle (because of your margin-left:660px rule)

Here's the relevant code