Question

我一直在尝试一些事情，但无法让它发挥作用。我在右栏中有一个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它将滚动页面

https://jsfiddle.net/agwrbjh8/1/

感谢

Answer 1

我不确定我是否了解你。你的意思是这样的：

.mod-sticky {
  position: fixed;
  top: 70px;
  border: 1px solid green;
  right: 0;
}

<div class="stickyDiv">
  <div class="section mod-sticky">
    <p>floater</p>
  </div>
  dasf asd asdf asdf
  <p style="height:800px">Lorem... long text</p>
</div>

Answer 2

我会看sticky-kit jQuery plugin。

你会这样使用它：

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

<强> JSFIDDLE DEMO

必须重新构建HTML，以便.stickyDiv是您打算插入的内容div的子项，然后还添加margin-left以将其置于内容区域的右侧。可能不适合你的情况，但我不知道你怎么能用你的原始标记来坚持你想要的。

保持div类与页面

2 个答案: