Javascript 使div类随页面向下浮动的问题

Javascript 使div类随页面向下浮动的问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我一直在尝试一些事情,但都没能成功。我在右栏中有一个div,我希望它在滚动时随页面向下浮动到某个点 <div class="stickyDiv"> <div class="section mod-sticky" style="position: fixed; top: 70px;"> <p>Always float with page</p> </div> </div> 始终随页面浮动 使用jQuery有什么简

我一直在尝试一些事情,但都没能成功。我在右栏中有一个div,我希望它在滚动时随页面向下浮动到某个点

<div class="stickyDiv">
 <div class="section mod-sticky" style="position: fixed; top: 70px;">
 <p>Always float with page</p>
 </div>
 </div>

始终随页面浮动

使用jQuery有什么简单的方法可以做到这一点吗?还是只是css

做了一个快速的jsfiddle我想要的是,一旦它到达contentb类,它就会随着页面滚动


谢谢

我不太明白你的意思。你的意思是这样的:

.mod sticky{
位置:固定;
顶部:70像素;
边框:1px纯绿色;
右:0;
}

漂浮物

dasf asd asdf asdf 洛伦。。。长文本

我会看一下

你可以这样使用它:

$('.stickyDiv').stick_in_parent({
    parent: $('.content'),
    offset_top: 70
});


必须重新构造HTML,使
.stickyDiv
成为您要粘贴的内容div的子项,然后还添加了
左侧边距
,使其位于内容区域的右侧。可能不适合您的情况,但我不知道如何才能让它与原始标记保持一致。

您可以共享一个实时的
jsfiddle
演示吗?您需要添加一个
$(窗口)。在(“滚动”)
函数中,您需要选中
$(文档)。scrollTop()
对于您所提到的某个点,无论您想要什么值。
float
不适用于
fixed
元素。所以我把它拿走了。还有那200个

把我早上的咖啡都喝光了……哈!非常感谢。
br
s仅用于滚动的视觉效果o是

;=)