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

Question

我正在寻找可以执行特定操作的粘性侧边栏，但我什至不确定如何表达我的查询/如果存在类似的内容。

我想在位于标题/导航和图像正下方的边栏中有一个粘性号召性用语。当用户滚动时，我不希望号召性用语一直到达页面顶部。我希望它保持在相对相同的位置。我想用更多文本填充标题、导航和图像留下的空白。

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

我什至不确定这是否有意义，所以我制作了一张图片，展示了用户滚动时屏幕的样子。我没有发布它的声誉，所以它在 imgur 上结束了。 Check it

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

Answer 1

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

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