position: fixed
<div class="canvas is-fixed is-top" id="cft">
<h1>Top Canvas</h1>
<button class="btn btn-danger" name="button" data-toggle="canvas" data-target="#cft">CLOSE</button>
</div>
<div class="canvas is-fixed is-right" id="cfr">
<h1>Right Canvas</h1>
<button class="btn btn-danger" name="button" data-toggle="canvas" data-target="#cfr">CLOSE</button>
</div>
<div class="canvas is-fixed is-bottom" id="cfb">
<h1>Bottom Canvas</h1>
<button class="btn btn-danger" name="button" data-toggle="canvas" data-target="#cfb">CLOSE</button>
</div>
<div class="canvas is-fixed is-left" id="cfl">
<h1>Left Canvas</h1>
<button class="btn btn-danger" name="button" data-toggle="canvas" data-target="#cfl">CLOSE</button>
</div>
<div class="canvas is-fixed" id="cff">
<h1>Full Canvas</h1>
<button class="btn btn-danger" name="button" data-toggle="canvas" data-target="#cff">CLOSE</button>
</div>
position: absolute
position: absolute