iziModalで背景が固定にならない

前提・実現したいこと

ここのサイトを参考にiziModalを実装しているのですが、
ウィンドウを開いたときにhtmlタグにiziModal-isAttachedというクラスが付与されません

https://qiita.com/wyokobe/items/27feead7ebd4314dfae1

発生している問題・エラーメッセージ

htmlタグにiziModal-isAttachedが付与されない

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<meta charset="UTF-8">
5	<title>Document</title>
6	<link rel="stylesheet" type="text/css" href="./iziModal.css" media="screen" />
7	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
8<script src="http://code.jquery.com/jquery-migrate-3.0.1.js"></script>
9<script src="./iziModal.js" type="text/javascript"></script>
10<script type="text/javascript">
11  $(function() {
12    $(".iziModal").iziModal();
13  })
14</script>
15</head>
16<body>
17<button data-izimodal-open=".iziModal">ボタン</button>
18
19<div class="iziModal" data-izimodal-title="タイトル" data-izimodal-subtitle="サブタイトル">
20  <p>コンテンツ</p>
21</div>
22
23<a href="#" data-izimodal-open=".iziModal">リンク</a>
24
25<img src="img/hogehoge.jpg" data-izimodal-open=".iziModal"/>
26
27
28</body>
29</html>

試したこと

先ほどのサイトと同じソースなはずなのですが、付与されません。
また、他のサイトにあったデモではクラスが付与されていませんでした。
公式デモでは一番右のものでしか付与されていませんでした。
http://izimodal.marcelodolza.com/

行動規範の内容に同意します

回答1件

ベストアンサー

ドキュメントでは一切触れていないし、参考サイトでも出てきませんがこれは重要なのでしょうか？
一応、コードを見ると

JavaScript
1	                if (outerHeight > windowHeight) {
2					// (中略)
3						$('html').addClass(PLUGIN_NAME+'-isAttached');

とあり、ダイアログの高さがウインドウの高さを超えたら付与されるようです。

CSS
1html.iziModal-isOverflow body, html.iziModal-isAttached body{
2    overflow-y: scroll;
3    position: relative;
4}
5html.iziModal-isAttached{
6    overflow: hidden;
7}