色々と試してみたけど、やはり現時点では”Slidebars.js”が一番だと思います。
WordPressで使う場合は、テーマフォルダ内sidebar.phpの中身を
footer.phpの中に移して、このファイルだけを読み込ませるようにします。
その他、導入時に注意しなければならない点をいくつか挙げておきます。
スクリプトを読み込む位置および順番。これを間違うと動きません。
簡単な改造はscripts.jsの方で行い、メインのスクリプトには手を付けない方が良いでしょう。
開閉をトグルボタンにしたり、領域以外でもサイドバーを閉じるようにすることは簡単にできます。
ヘッダー部分を固定したい場合は、divタグのcanvas=”container”の上に
固定したい部分のcanvasが別に必要です。
スライドバーの動きを変えたい場合、off-canvasのところは動きに応じたものに変える必要があります。
これがなされていないと、変な動きになります。
pushの場合はslidebars.cssも一部書き換えが必要かな。
以上、これだけのことを守れば一応ちゃんと動くはずです。
あとはCSSの問題でしょう。