Javascript 使div类随页面向下浮动的问题
我一直在尝试一些事情,但都没能成功。我在右栏中有一个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 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是
;=)