隐藏元素显示后的粘性侧边栏

Question

我正在寻找具有特定功能的粘性侧边栏，但我什至不确定如何表达我的查询/是否存在类似的内容。

我想在标题/导航和图像正下方的侧栏中有一个粘性号召性用语。当用户滚动时，我不希望号召性用语一直到页面顶部。我希望它留在相对相同的地方。我想填补页眉、导航和图片留下的空白，用更多的文字来填补。

当用户接近页面底部时，页脚会出现，并会根据需要将所有内容推离顶部。

不确定这是否有意义，所以我制作了用户滚动屏幕时的图像。我没有发布它的声誉，所以它在 imgur 上结束了。 Check it

如果您对如何实现这一目标有任何想法，我将非常感谢您提供的任何见解。提前致谢。

Answer 1

您可以使用 css 和位置固定属性来做到这一点。然后将顶部和右侧设置为您希望它与浏览器窗口顶部和右侧的距离。

    .stickySideBar
    {
    position:fixed;
    height:100px;
    width:100px;
    right:10px;
    top:200px;
    }