Css 修复了包装纸上的div

我有一个侧菜单，我想被修复，所以当用户滚动时，它将跟随用户。我打算在里面放一些跳跃目标，因为里面的内容很长

问题是，我修复了它，然后当我向下滚动时，它通过了页脚。我曾经

top:0;

它没有上升到页脚，而是上升到页眉。解决办法是什么

这是我的html

  <div class="myheader">
  </div>
  <div class="content">
  <div class="left_side">
  </div>
  <div class="right_side">
  </div>
  <div class="footer">
  </div>

---

左侧有内容物。这就是文本所在的地方。我想要固定的分区是

不确定我是否完全遵循，但是如果您想要将其固定到页面底部，那么为什么不将底部设置为0呢。请参见此处：。我还将right设置为0，使其固定在页面的右侧

.right_side{
    width:300px;
    height:500px;
    background-color:yellow;
    position:fixed;
    bottom:0;
    right:0;
}

我添加了

fill

div以确保页面滚动

---

如果需要底部留出一些空间，只需指定一个边距即可。查看此更新的小提琴：

。这就是正在发生的事情。应该是，它只会在内容内部滚动，而不会超过页眉或页脚。好的，我想你可能需要jquery/javascript。我必须出去。你可能想看看：和

.right_side{
    width:300px;
    height:500px;
    background-color:yellow;
    position:fixed;
    bottom:0;
    right:0;
}