Question

我有这个侧面菜单，我想要修复，以便在用户滚动时跟随用户。我计划在其中放置跳跃目标，因为内容很长。

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

top:0;

它并没有上升到页脚，但它上升了标题。会有什么解决方案？

这是我的HTML。

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

这是我的css：

.myheader{
float:left;
width:100%;
height:190px;
background: #fff url(img/blackorchid.png) repeat scroll 0 0;
}

.content{
float:left;
background: #fff url(img/linen.png) repeat scroll 0 0;
height:auto;
margin-left:120px;
width:1100px;
}

.left_side{
width:800px;
float:left;
}

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

left_side里面有内容。那是文本的所在。我想要修复的部门是<div class="right_side">。

Answer 1

不确定我是否完全关注，但如果您希望将其固定在页面底部，那么为什么不将底部设置为0.请参阅此处： jsdfiddle 。我还将权限设置为0以使其固定在页面右侧。

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

我添加了fill div只是为了确保页面滚动。

如果你想从底部有一些空间，那么只需指定一个边距。请参阅此更新的小提琴： jsfiddle

固定的div离开了包装器

1 个答案: