切换侧边栏

[[iftags +组件]] [[div style="border: solid 2px #ededed; padding: 0.5rem; margin: 4px;"]] 此组件用于将移动端侧边栏按钮显示于桌面端屏幕上。 添加如下语法以应用此组件： > @@[[include :scp-wiki-cn:component:toggle-sidebar]]@@ 如果要将其用于某个版式中，推荐将相应版式置于此 {{[[include]]}} 下方。 //（如果你在用黑色标记笔的话请使用[[*user Woedenaz]]制作的[[[component:toggle-sidebar-bhl|这个版本]]]）// [[/div]] ---- [[code type="CSS"]] /* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */   #top-bar .open-menu a {         position: fixed;         top: 0.5em;         left: 0.5em;         z-index: 5;         font-family: 'Nanum Gothic', san-serif;         font-size: 30px;         font-weight: 700;         width: 30px;         height: 30px;         line-height: 0.9em;         text-align: center;         border: 0.2em solid #888;         background-color: #fff;         border-radius: 3em;         color: #888;         pointer-events: auto; }   @media not all and (max-width: 767px) {       #top-bar .mobile-top-bar {         display: block;         pointer-events: none;     }       #top-bar .mobile-top-bar li {         display: none;     }       #main-content {         max-width: 44.5rem;         margin: 0 auto;         padding: 0;         transition: max-width 0.2s ease-in-out;     }       #side-bar {         display: block;         position: fixed;         top: 0;         left: -18rem;         width: 15.25rem;         height: 100%;         margin: 0;         overflow-x: hidden;         overflow-y: auto;         z-index: 10;         padding: 1em 1em 0 1em;         background-color: rgba(0,0,0,0.1);         transition: left 0.4s ease-in-out;           scrollbar-width: thin;     }       #side-bar:target {         left: 0;     }     #side-bar:focus-within {         left: 0;     }       #side-bar:target .close-menu {         display: block;         position: fixed;         width: 100%;         height: 100%;         top: 0;         left: 0;         margin-left: 17rem;         opacity: 0;         z-index: -1;         visibility: visible;     }     #side-bar:not(:target) .close-menu { display: none; }       #top-bar .open-menu a:hover {         text-decoration: none;     } } [[/code]] [[/iftags]] [[module CSS]] @import url(https://scp-wiki-cn.wdfiles.com/local--code/component%3Atoggle-sidebar/1); [[/module]]