滚动后,WordPress的帖子和侧边栏还能保持可见吗?

时间:2018-02-03 作者:Lazaros

我的问题是,我有一个很长的侧边栏,大多数帖子都有点短,所以当用户在帖子结束后向下滚动时,他们只会看到左侧的空白,而右侧的侧边栏。

理想情况下,边栏应该滚动到底部,然后在到达底部时固定,然后在用户向上滚动时向上滚动,然后在顶部固定自己,直到滚动方向再次改变。例如,这就是wordpress管理区域内发生的情况。

这在《二十一五》主题中得到了完美的运用。

我搜索了很多,但找不到解决方案。我尝试了一个插件,比如“滚动条上的粘滞菜单(或任何东西)”,但它并没有像二十点十五分那样工作。我正在使用MagZen主题。

感谢您的帮助。

1 个回复
SO网友:MXMLLN

听起来你想要的是一个固定的位置和100%的高度:

position: fixed; height: 100%;

Twenty15主题在风格上使用了以下代码。css:

@media screen and (min-width: 59.6875em) {
    body:before {
        display: block;
        height: 100%;
        min-height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 29.4118%;
    }

    .sidebar {
        float: left;
        margin-right: -100%;
        max-width: 413px;
        position: relative;
        width: 29.4118%;
    }

    .site-content {
        display: block;
        float: left;
        margin-left: 29.4118%;
        width: 70.5882%;
    }
Alternative: 我一直在使用2015年的主题,试图让左侧的持久导航侧栏独立于内容滚动,而不是默认行为。

从用户体验的角度来看,用户滚动的是内容,而不是菜单。当两个部分同时滚动时,用户会遇到更多的信息,而他们可能只是想看到更多的主体。

如果您对此备选方案感兴趣,请参阅this SE thread.

结束