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

时间:2014-04-02 16:37:13

标签: jquery html css sidebar sticky

我正在寻找具有特定功能的粘性侧边栏,我甚至不确定如何查询我的查询/如果存在这样的事情。

我希望在我的标题/导航和图像正下方的侧边栏中进行粘性操作。当用户滚动时,我不希望号召性用语一直到页面顶部。我希望它留在相对相同的地方。我想填充标题,导航和图像留下的空白,以填充更多文本。

当用户接近页面底部时,页脚会出现,并在必要时将所有内容从顶部推出。

不确定这是否有意义所以我制作了一个用户滚动时屏幕会是什么样子的图像。我没有发布它的声誉,所以它已经结束了imgur。 Check it

如果您对如何解决这个问题有所了解,我非常感谢您提供的任何见解。提前谢谢。

1 个答案:

答案 0 :(得分:0)

你可以用css和position fixed属性来做。然后将顶部和右侧设置为浏览器窗口顶部和右侧所需的距离。

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