classがついたときにbodyにスタイルをつける

前提

Luminous.jsを導入しようと思っています。
https://github.com/imgix/luminous

こちらは画像をクリックすると拡大表示されるようになるのですが、背景が縦にスクロールできてしまいます。
このスクロールをさせないようにしたいです。
bodyにoverflow:hiddenをつけるとこれが実現できるのですが、btnなどのイベントではないのでどうやったら実装できるか悩み中です。

画像を拡大すると、

html

<div class="lum-lightbox lum-open"> hoge </div>

という要素が表示されるので、
「 lum-open」
が表示されたときにbodyにoverflow:hiddenを当てるようにしたいです。

jsの勉強を始めたばかりなので、ご教示いただけますと幸いです。

実現したいこと