サイドバーを閉じるための領域外タップについて

Question

スマホサイトで、サイドバーを作成したいのですが
サイドバーの領域外をタップすると閉じるように
したいのですが、領域外の部分(サイトの本体)に
リンクがあるとタップした瞬間にリンク先に飛んで
しまいます。サイドバーを閉じるために領域外を
タップした際には、サイドバーを閉じるだけで
領域外(サイトの本体)にあるリンク先に
飛ばないようにするためにはどうしたらいいでしょうか？

ご指導願います。

Answer 1

サイドバーが出ている時に領域外にのdiv要素を被せればクリックできなくなります

Comments

[Teru1]

Sidebar Transitionsを使用したいのですが、
https://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/

div要素をどのように使えばいいでしょうか？

サイドバーが閉じる際にdiv要素も閉じるようにすると、本文のリンクページに飛んでしまいます。

[efcode]

そのコードの提示をお願いします。