Php jquery固定滚动条上的div,底部边界

Php jquery固定滚动条上的div,底部边界,php,jquery,Php,Jquery,移动平稳的固定版本: 我到处找,但找不到任何能帮助我的东西, 首先, Jquery代码。(不记得从哪里得到的) 快速;当到达容器的/div、底部边界或其他位置时,如何停止 说明 我在一个自定义的“博客”网站上使用这个代码,类似于wordpress博客,社交书签应该跟随每个博客文章从顶部到底部,然后在用户滚动到下一篇文章时重新开始 现在,如果我激活它,它会在第一个书签容器(#socialbookmarks 2)上工作,然后一直向下到页面底部,而不是在文章末尾停止。 每页上有10篇文章。 希望这是可

移动平稳的固定版本:

我到处找,但找不到任何能帮助我的东西,
首先,
Jquery代码。(不记得从哪里得到的)

快速;当到达容器的/div、底部边界或其他位置时,如何停止

说明
我在一个自定义的“博客”网站上使用这个代码,类似于wordpress博客,社交书签应该跟随每个博客文章从顶部到底部,然后在用户滚动到下一篇文章时重新开始

现在,如果我激活它,它会在第一个书签容器(#socialbookmarks 2)上工作,然后一直向下到页面底部,而不是在文章末尾停止。
每页上有10篇文章。
希望这是可以理解的


如果你看一下,如果你看到他们的评级和twitter/facebook共享框,我发现一些东西与我希望它做的事情类似。它跟随柱子,然后停在柱子底部。


谢谢大家!

最终,您的答案是在您的病情中添加另一项陈述:

if (y >= top && y < bottom) {
  $('#socialbookmarks2').addClass('fixed');
} else {
  $('#socialbookmarks2').removeClass('fixed');
}
假设这是每个$('.social bookmarks')评估的循环


有很多方法可以写出来。我只是指出了一种实现你的效果的方法,作为一个理论,而不是一个实际的例子。为此,您需要尝试一下,如果需要,我可能会更新。

您好,谢谢您的快速回复!我一直在尝试让它在网站上工作,但它什么也做不了,只是停止了工作,我制作了一个简单的JSFIDLE来展示它现在的样子,如果没有你的代码,你能尝试添加你的代码,看看它是否工作吗?抱歉给你添麻烦了,我还不太擅长js的东西。非常感谢:)这不是添加代码的问题。它将您的代码重新构造为不依赖具有id的元素,并将项目的高度视为限制。我用一个基本点在正确的方向上更新了小提琴:-它对我有效,但有一点显示故障。只要一点点努力,没有什么是做不出来的。
if (y >= top && y < bottom) {
  $('#socialbookmarks2').addClass('fixed');
} else {
  $('#socialbookmarks2').removeClass('fixed');
}
<div class="blog-item">
    <div class="social-bookmarks"></div>
    <h1>blog title</h1>
    <p>
        content here
    </p>
</div>
var bottom = y + $(this).parent().height();