我是新手,我几乎无法处理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>
答案 0 :(得分:0)
您需要在元素上调用插件。你添加了插件,但这本身并不会导致它定位一个元素并执行它自己;你必须。
$('.stickem-container').stickem();
Here's the Fullscreen jsFiddle (because of your margin-left:660px rule)