css - 添加一个粘性侧边栏，该侧边栏左对齐到站点包装器的右边缘

Question

我想添加一个粘性侧边栏，当您向下滚动时它会留在原地。 This site有一个带有电子邮件选择加入表单的示例。

但是，与该示例不同的是，我希望侧边栏与包装器的右边缘左对齐。

现在我正在使用

.sidebar {
    position: absolute;
    left: 894px;
    top: 188px;
}

定位它，但它并不总是靠在 wrapper 的右边缘。

有什么想法吗？

Answer 1

使用:

.wrapper {
    width:100px;
    position: fixed; 
    left:0; 
    top: 188px;
    }

.sidebar {
    width:50px;
    float:left;
    margin-left:50px;
    }

这是 wrapper 粘在屏幕左侧且侧边栏靠在 wrapper 右侧的示例。