offcanvas

<button data-uk-offcanvas="{target:'#offcanvas-1'}" 
class="uk-button uk-button-success">Open</button>

<div class="uk-offcanvas" id="offcanvas-1">
<div class="uk-offcanvas-bar">
<div class="uk-panel">
 <p class="uk-text-justify" style="color: #fff"> 
何かを求めて人は旅にでます。<br>
そのきっかけはさまざまですが、<br>
行き詰まった現実を乗り越えたいと何かを求め、<br>
また、老いの時間と対座しているうちに、<br>
懐かしい青春の地を訪れたいと思う人がおられると思います。<br>
突然、昭和三十五年のある日、文明は故郷の保渡田を、<br>
帰りは昔通った高崎中学校への通学路を通って、<br>
昔の中学校の跡を訪れています。<br>
その中学校跡は現在の市立第一中学校です。</p>
</div>
</div>
</div>

 
.uk-offcanvas-bar {
    width: 260px;
    max-width: 100%;
    background: #333;
}

preview