# 阅读私信时保留导航或侧边栏？

**URL:** https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884
**Category:** Support
**Created:** [2020年九月13日 15:30 UTC](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884 "2020-09-13T15:30:02Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020年九月13日 15:30 UTC](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884/1 "2020-09-13T15:30:02Z")

</div>

大家好，

有没有简单的方法可以保留这个导航栏或侧边栏（或者两者都保留……）：

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/6/a631d79f9932a8b1898390ee0fb635fc51cce08a.png)

在阅读私信时？

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/4/d43dd579a27e96ad5089a52b42bb70c7d0699ffa.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020年九月14日 17:51 UTC](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884/2 "2020-09-14T17:51:33Z")

</div>

我成功实现了侧边栏。感谢 @Arkshine 的灵感。

桌面端（固定侧边栏）：

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/e/4e412354ce082900d5cedc53a6e583d7505c5a61.png)

移动端：

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/f/8f632be7c54cdbf4997d34a042ced2f28975a74c.png)

JavaScript：

```js
<script type="text/x-handlebars" data-template-name="/connectors/topic-above-posts/inbox_menu">
{{#if model.isPrivateMessage}}
    <section class="user-secondary-navigation">  
        <ul class="messages-nav nav-stacked action-list">    
            <li class="noGlyph">
                <a href="/u/{{currentUser.username_lower}}/messages">{{i18n "user.messages.inbox"}}</a>
            </li>
            <li class="noGlyph">
                <a href="/u/{{currentUser.username_lower}}/messages/sent">{{i18n "user.messages.sent"}}</a>
            </li>
            <li class="noGlyph"><a href="/u/{{currentUser.username_lower}}/messages/archive">{{i18n "user.messages.archive"}}</a>
            </li>
        </ul>
    </section>
{{/if}}
</script>

```

CSS：

```scss
.desktop-view {
    .private_message .posts-wrapper {
        display: flex;
    }
    .user-secondary-navigation {
        min-width: 150px;
    }
    .topic-above-posts-outlet.inbox_menu {
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
    }
}
.mobile-view {
    .user-secondary-navigation {
        .nav-stacked {
            background: transparent;
            display: flex;
            li {
                border-bottom: none;
            }
        }
    }
}

```

我遇到过一些用户，他们不知道如何从私信视图返回收件箱。  
我（非常晚才）注意到，我们可以点击这里的图标，但这并不明显：

![image](https://global.discourse-cdn.com/meta/original/3X/3/3/33b11c567e3b03ea2d562eb9438246e3f1b624dc.png)

我也在考虑侧边栏的替代方案，例如像这样的设计：

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/4/d442397647e5fd4e0a8271708826eac88a2e32e1.png)

我还没有尝试保留导航栏，不过那可能也很有趣。

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2020年十月14日 17:51 UTC](https://meta.discourse.org/t/keep-the-navigation-or-sidebar-when-reading-a-direct-message/163884/3 "2020-10-14T17:51:39Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.