davsket/index.html

## index.html
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <div class="content">
    <article>
      <h2>Lorem ipsum dolor.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur ut, officiis, quia quidem, nam cupiditate non nisi, beatae optio eaque et debitis sint incidunt doloribus distinctio nesciunt natus sunt quibusdam.</p>
      <p>Consectetur asperiores sed voluptate accusantium omnis adipisci laboriosam pariatur iure odio, commodi, quis maxime fugiat in dolore id magni reprehenderit vero quasi! Illum non error reprehenderit id, beatae voluptatibus commodi.</p>
      <p>Nostrum, ipsum! Vero eos vel quidem nam quos placeat iusto, sapiente, voluptates accusantium doloremque et consequatur provident. Ad, dignissimos illo asperiores totam at earum distinctio similique labore, consequuntur neque dolorum.</p>
      <p>Cupiditate perspiciatis voluptatibus expedita maiores libero molestias a quaerat odio delectus iure doloribus nostrum quisquam culpa iste veniam suscipit, quas quos cum voluptates magnam. Quam nulla optio amet quas vel.</p>
      <p>Alias minus delectus molestiae consequatur harum vero voluptates dicta. Architecto dicta amet quae. Repellendus esse sint, quae deserunt beatae, maxime maiores delectus eius saepe cum necessitatibus consectetur voluptates qui vitae?</p>
      <p>Reiciendis rem neque nisi inventore laudantium consequuntur delectus molestiae necessitatibus sed, illum voluptates saepe consequatur id ratione! Tempore velit dolore, et aut unde, mollitia debitis consequatur, in iusto ipsam quis!</p>
      <p>Quos rem ullam molestiae perspiciatis voluptates numquam unde architecto, labore possimus iure, doloribus consectetur tempora, dignissimos reprehenderit ducimus ut totam necessitatibus debitis ab saepe qui sapiente id? Omnis, numquam aspernatur!</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Libero rerum, illum!</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, voluptas. Neque unde, voluptas beatae magnam dicta doloribus accusantium placeat nemo doloremque non, cupiditate, consectetur sequi aspernatur distinctio mollitia in saepe!</p>
      <p>Molestiae quae corporis quod eveniet saepe nisi, qui sequi ad quidem dignissimos nemo repellat quos nihil minima voluptate officia reprehenderit unde aliquid fugit explicabo. Esse, incidunt. Exercitationem nobis recusandae, natus?</p>
      <p>Similique ipsam, debitis corporis rerum qui quidem ad quam, facere ab dicta ratione quibusdam. Delectus, incidunt nemo? Rem nisi quod, sint nulla consequuntur voluptatibus voluptates ullam, minima, magni perspiciatis pariatur.</p>
      <p>Placeat deserunt omnis voluptates itaque non est dolorem delectus deleniti, quae quas numquam reprehenderit perferendis, impedit, excepturi! Odit quasi magni quaerat dolore reiciendis. Fuga tempora distinctio aperiam molestiae, eius praesentium.</p>
      <p>Omnis aut consequatur tenetur deserunt provident eos in rerum. Velit consequuntur, nisi officiis commodi nihil et! Laudantium deserunt, sunt rem maxime esse non cum excepturi dolore eos quo quam ad.</p>
      <p>Atque quidem quia explicabo sapiente molestiae cupiditate optio vel earum dignissimos repellat, illo soluta aspernatur, neque quae consequuntur? Aut exercitationem tempore, repellendus perspiciatis iure non ea culpa voluptates deleniti inventore?</p>
      <p>Atque accusamus commodi labore doloremque fugiat, nam repellat harum ab dicta animi eos, unde natus aperiam porro doloribus reprehenderit vitae, dignissimos magnam numquam nesciunt! Accusamus facilis quod labore nam in.</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Consectetur, officia, maxime!</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe aliquid ab ducimus nobis! Culpa corporis modi optio quod quaerat, explicabo earum sed cumque voluptatem, veniam voluptatum dolores totam doloremque vero?</p>
      <p>Atque est unde consequuntur perferendis ea sint sed suscipit praesentium natus illum quos nemo id error aspernatur, assumenda dignissimos, ex, itaque voluptas. Dolores aut molestiae suscipit ipsa quia provident cumque.</p>
      <p>Soluta molestiae magni beatae explicabo quibusdam necessitatibus natus rem iusto officia nihil quo, delectus, excepturi dolor, eligendi, ducimus ratione omnis. Quia veritatis, eum sapiente voluptatem perferendis exercitationem deleniti mollitia laboriosam.</p>
      <p>Voluptatem numquam quas illum, veritatis! Nisi quos, dicta neque quas explicabo amet ad soluta repellat nostrum pariatur, earum ut excepturi similique, nemo fugiat totam tempore quae accusamus eius nobis. Adipisci.</p>
      <p>Recusandae distinctio, inventore consectetur vel possimus! Laboriosam dolores molestiae rem, architecto impedit maiores vel quis nisi accusamus eius consectetur eum illo error quas aliquam dolore ea beatae rerum alias consequuntur.</p>
      <p>Modi laborum, provident facilis voluptatem. Sunt voluptatibus id laudantium maiores quia, tempore inventore necessitatibus veritatis rem ipsa, cupiditate consectetur vel consequatur aperiam eum accusantium similique voluptate, amet saepe esse debitis.</p>
      <p>Aut tempore fugit modi harum. Ipsum, vero magni molestias facere enim est! Id, architecto numquam, asperiores tenetur placeat repellendus rem harum adipisci, atque repellat sed animi consequatur reiciendis nesciunt doloremque!</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Magnam saepe, illum!</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam architecto aspernatur itaque recusandae cumque, aut maxime dolore a porro ab sit vitae molestias sint iusto laboriosam dicta quo harum doloribus?</p>
      <p>Ratione minus modi, doloremque veritatis distinctio perferendis rerum reiciendis explicabo vel id unde eius ab recusandae quas, voluptates in quae fugit voluptas. Nihil sint animi voluptate culpa unde facere dolorum!</p>
      <p>Voluptatum blanditiis, quibusdam quaerat iusto modi, ut, repellendus, eveniet quos esse aspernatur debitis mollitia. Optio, doloremque, deserunt. Magni vero animi modi, suscipit, est ratione excepturi, possimus vitae nobis, ut veniam.</p>
      <p>Voluptatibus libero in necessitatibus tempora dolorem magnam corporis blanditiis id, quas illum reiciendis, quidem a est hic. Aut alias, commodi ipsum consectetur, corporis excepturi tenetur esse nemo, adipisci voluptate quaerat.</p>
      <p>Facere laudantium nesciunt ex quia ad iure soluta, ipsa in veniam mollitia praesentium perferendis quis omnis sunt fugiat. Officia vero eligendi rerum nemo assumenda! Unde vitae saepe hic molestias ducimus.</p>
      <p>Quibusdam soluta facilis, maiores expedita saepe doloribus fugiat provident in odit alias ratione incidunt, quae numquam inventore quia. Esse atque sint repellendus odit provident numquam, perferendis quaerat optio minima vero.</p>
      <p>Dolorum accusamus consectetur tempore voluptatum mollitia similique, ad velit dolore illo cumque id dicta eaque necessitatibus, incidunt earum recusandae officiis animi. Incidunt sunt pariatur modi saepe earum quos dignissimos reiciendis!</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Quasi, enim, veritatis.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit omnis eaque dolorem voluptates provident earum, ea, quam obcaecati deserunt culpa iure et, odio tempora atque dicta totam quas. Quibusdam, ad?</p>
      <p>Vel aspernatur perferendis, aliquam sunt. Autem minus, sit cupiditate maxime nemo, excepturi sapiente ut incidunt vero placeat, assumenda, laboriosam nam aspernatur ex. Voluptate excepturi assumenda necessitatibus libero aliquam id velit.</p>
      <p>Itaque voluptatibus reprehenderit quas accusantium, similique nulla deleniti iste quisquam ex eveniet voluptates sit, debitis suscipit porro molestiae odio sapiente. Saepe deserunt error vel sed quam iste quidem soluta consequuntur!</p>
      <p>Veritatis iure cum, ea mollitia voluptatum, consectetur magnam expedita odio vel voluptatem est pariatur, esse amet, ipsum illum earum aliquam dolorem! Accusantium quaerat reiciendis, fugiat corporis adipisci. Explicabo cum, neque.</p>
      <p>Tenetur ut, consequuntur sapiente nesciunt. Minima aliquid perspiciatis, distinctio debitis, adipisci culpa nulla odit possimus necessitatibus! Minus quas soluta debitis quaerat, reiciendis veritatis eum saepe, expedita architecto eligendi voluptatibus nostrum.</p>
      <p>Asperiores placeat reiciendis molestias deleniti, magnam quisquam voluptas voluptatibus aliquid eveniet earum sed repudiandae quis doloremque quos voluptatum quidem explicabo suscipit autem tempora provident eaque. Obcaecati culpa beatae sit placeat.</p>
      <p>Voluptatibus nam at, sit velit ea deserunt id praesentium autem, dicta aliquam totam delectus atque, optio soluta illo qui! Molestiae assumenda dolor tempore soluta, quo corrupti libero dolores aliquid saepe.</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Inventore, ullam, corporis.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam atque corrupti cum voluptates? Earum cum sequi ratione perferendis, deleniti eum vero! Nam dignissimos quis nulla, vero quasi ratione porro culpa.</p>
      <p>Fuga obcaecati praesentium error aperiam, recusandae est beatae alias quibusdam porro. Fugit dolor quidem aspernatur, a temporibus ipsa distinctio facere cumque aperiam facilis id quam consectetur debitis provident labore nobis.</p>
      <p>Minus suscipit rerum voluptatum beatae magni iste odio temporibus vero possimus sint. Tenetur voluptatum rem, nisi similique doloremque impedit dignissimos, libero ut possimus? Repellendus tempore, voluptatem aspernatur consectetur ab praesentium.</p>
      <p>Libero rerum, quia aspernatur velit, architecto cum placeat optio molestiae quidem a harum hic voluptatibus nesciunt molestias dolor temporibus incidunt veniam. Voluptates quos magnam delectus eaque perferendis, minima molestias asperiores.</p>
      <p>Modi porro non libero, suscipit saepe quaerat hic eum doloribus odio ipsa nulla soluta inventore, nam beatae recusandae doloremque natus eligendi. Dolorum officiis tempora accusantium facilis magni numquam, impedit perferendis.</p>
      <p>Nisi dolorem accusantium, totam laboriosam adipisci ipsam id iste quis vero quas in facere aut, error earum deleniti cum voluptate blanditiis expedita obcaecati minima nulla officia. Obcaecati soluta facere fuga!</p>
      <p>Fuga sint id, architecto dignissimos eligendi cupiditate eveniet minima reprehenderit, nisi iste quidem laboriosam culpa modi temporibus? Sint voluptas quae ex eligendi laudantium, ullam magni, similique repudiandae ratione aliquid atque?</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Cupiditate, totam, deserunt.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus aliquid animi quibusdam enim unde vero voluptatibus similique deserunt dolorum quisquam ullam, eos amet aliquam suscipit possimus, quae veniam voluptates dolorem.</p>
      <p>Fugit harum, ipsum fugiat magni. Nesciunt facilis maxime, perspiciatis quae assumenda ipsam eum dolores tempore a blanditiis asperiores optio nostrum rem recusandae dolorum reprehenderit, consectetur distinctio iure, repellat, quaerat necessitatibus.</p>
      <p>Optio veritatis culpa autem, fugit libero deleniti provident, dolor consectetur error commodi adipisci eaque delectus numquam alias dignissimos molestias iure a beatae veniam eum et voluptatem consequuntur. Expedita, ullam, molestiae.</p>
      <p>Dolore quas ut praesentium tempora ipsa velit excepturi laudantium est quidem possimus similique non beatae delectus ea sint quam id eius, inventore fugit earum dicta deleniti. Facere fuga, quidem perspiciatis.</p>
      <p>Magnam voluptatum, quibusdam, officia porro fugit aliquid blanditiis possimus dolor quia tenetur explicabo harum provident fuga, minima vero? Ex quaerat dolor et pariatur hic, accusamus itaque cumque error voluptas vero.</p>
      <p>Voluptatum, quis. Consequuntur voluptatum, id at! Hic eveniet repellat architecto, sunt officia sequi dolorum impedit recusandae enim beatae temporibus inventore vel aspernatur, fugit doloremque rerum sapiente. Minus et doloremque voluptatibus?</p>
      <p>Laboriosam, ipsam dolor consectetur illum nulla culpa quis ex recusandae quo provident, aliquid quisquam veniam officia temporibus minus a hic obcaecati sed rem repellat facere placeat. Laborum nulla quibusdam iste.</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Eligendi, minima, ipsum.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, corporis. Repellendus, in facere earum, perspiciatis iure illum recusandae fugit ducimus consequuntur, distinctio ullam. Neque earum maxime sequi iusto natus, temporibus.</p>
      <p>Eum animi voluptatem distinctio nesciunt, excepturi beatae sunt provident eius atque officia ad aperiam ipsa, earum quibusdam quam tempora magni blanditiis harum dignissimos soluta dolorum a aspernatur labore vitae numquam.</p>
      <p>Eum dolores quisquam ipsum in eius, dolorem qui optio voluptates doloribus laboriosam maxime placeat? Illum ex optio ducimus nulla, eius, rem unde vero minima voluptatem, saepe porro vel sequi eos!</p>
      <p>Enim delectus porro numquam! Rem ullam animi soluta ab aspernatur eaque blanditiis quas laudantium sint incidunt quidem, minima, nulla et ipsam dolore facere. Enim praesentium natus explicabo, aperiam sit culpa.</p>
      <p>Velit, animi at natus incidunt, id aut illo. Voluptatum libero repudiandae nisi at placeat quibusdam error saepe obcaecati molestiae delectus, alias quod voluptas dolores accusamus nulla maxime ex numquam, itaque!</p>
      <p>Quia iusto nam delectus unde. Assumenda doloribus, asperiores odit mollitia natus error facere voluptate pariatur nam, voluptatum reprehenderit ex est, amet et non aperiam optio dolorum repellat libero minima doloremque.</p>
      <p>Eius est itaque amet repellat, repellendus deserunt ad veniam doloremque excepturi voluptatem! Deleniti molestias numquam pariatur dolor, quia perspiciatis distinctio fugiat nobis, illum totam error non, consequuntur magni maiores. Iste.</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Ex, suscipit, et.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quo perferendis, autem placeat recusandae est distinctio necessitatibus iste nemo, ipsa deserunt sint inventore deleniti, accusamus officia velit mollitia sunt. Aliquam.</p>
      <p>Officia sit accusantium hic maiores suscipit dolores asperiores totam delectus, optio aliquid sed, error, saepe doloremque esse illo tempora ducimus. Labore, impedit deserunt repellendus delectus minus illum molestiae beatae soluta.</p>
      <p>Fuga odio, voluptas dolore officia, optio reiciendis architecto sed odit atque veritatis dignissimos saepe repudiandae ea hic mollitia quibusdam voluptatem ipsa dolorem suscipit laborum quaerat. Accusantium, odio magni similique pariatur!</p>
      <p>Sapiente architecto quo facilis aliquam numquam aspernatur saepe consectetur sit nam in voluptatum enim asperiores, ratione eum soluta hic, necessitatibus! Consectetur ullam unde, minus nesciunt laborum ab sed. Inventore, nisi.</p>
      <p>Quisquam sint corrupti suscipit? Vel expedita nam quidem magnam, rem tempora fugiat obcaecati! Unde eaque, reiciendis facere ullam natus, repudiandae pariatur cumque itaque illo, earum officia. Veritatis cupiditate facere itaque.</p>
      <p>Doloribus, cumque eveniet veritatis perspiciatis et. Odio aspernatur non deserunt repellat, soluta voluptates! Cupiditate, dicta aliquid obcaecati ex fugit, dignissimos quae quam esse nulla expedita sint possimus inventore fuga repudiandae.</p>
      <p>Quidem dicta consequuntur eveniet atque reprehenderit, asperiores illum impedit esse corporis iure labore saepe harum aut laudantium expedita, culpa. Consectetur provident harum optio, minus repudiandae quas perspiciatis. Magnam, eos, sapiente.</p>
      <button class="js-show-modal">holi</button>
    </article>
    <article>
      <h2>Repellat, suscipit, nemo.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus rerum repudiandae enim quia, eius, quibusdam veniam suscipit iusto aliquid, impedit cum? Temporibus at velit corporis dicta quaerat id consequatur! Provident!</p>
      <p>Eligendi mollitia tenetur necessitatibus perferendis aperiam, enim optio! Corporis ut, illo officia totam ex? Distinctio tempora, voluptas explicabo temporibus placeat. Expedita esse laboriosam error, inventore alias, nam rerum consequuntur deserunt?</p>
      <p>Natus vitae deleniti dignissimos nobis amet nihil quam culpa accusantium minus! Voluptatum provident eum totam officia temporibus quos possimus, odio non alias molestias, corporis similique beatae quis sunt rerum ab.</p>
      <p>Non maxime optio, veritatis. Est officiis, error? Impedit nemo, sapiente aliquam corporis, quis corrupti repellat provident, ipsa dolor, explicabo laudantium sequi. Incidunt eos quaerat cum velit fuga dolorum, modi animi!</p>
      <p>Consequatur vitae expedita magnam asperiores accusamus eaque perferendis numquam iusto, ipsam, placeat rerum aperiam, quas repudiandae nobis odit dolor dolorem consequuntur. Unde impedit quibusdam, corporis harum repudiandae quia, accusantium minus!</p>
      <p>Perferendis error repudiandae aspernatur, nemo, minima maxime aperiam ea laborum cumque distinctio, quia, cupiditate? Eius sit deleniti, in modi molestiae unde cum, eligendi iusto fugiat facilis velit veniam aliquam laborum.</p>
      <p>Autem tempora id veritatis, amet facere dignissimos repudiandae, voluptatibus a perferendis nisi porro iusto. Ea quasi alias cum, recusandae ratione dignissimos qui dolores ex, animi, corporis eligendi ipsam. Explicabo, aliquid.</p>
      <button class="js-show-modal">holi</button>
    </article>
  </div>

  <script src="node_modules/jquery/dist/jquery.min.js"></script>
  <script src="js/modal.js"></script>
</body>
</html>

## main.css
body, html {
  padding: 0
}
h2:first-child {
  margin-top: 0
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2rem;
  background: rgba(255,255,255,0.7);
  overflow-y: scroll;
}
.content {
  overflow: hidden;
}
.body-lock {
  /*height: 100%;*/
  margin: 0;
  /*overflow: hidden;*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.lock {
  height: 100vh;
}

## modal.js
$('.js-show-modal').on('click', showModal2)

function showModal (e) {
  const $modal = $('<div class="modal">')
  $modal.html(generateContent())
  $modal.appendTo(document.body)

  const scroll = $(document).scrollTop()
  const $content = $('.content')

  $content.hide()

  const $close = $('<button>')
  $close.text('CLOSE PUES')

  $close.prependTo($modal)

  $close.on('click', function () {
    $modal.hide()
    $content.show()
    $(document).scrollTop(scroll)
    setTimeout(function(){
      $(document).scrollTop(scroll)
    }, 100)
  })
}

function showModal2 (e) {
  const $modal = $('<div class="modal">')
  $modal.html(generateContent())
  $modal.appendTo(document.body)

  const scroll = $(document).scrollTop()
  const $content = $('.content')

  $content.addClass('lock')
  $('body').addClass('body-lock')
  $('body').css({ top: -scroll})
  // $modal.css({ top: scroll })


  const $close = $('<button>')
  $close.text('CLOSE PUES')

  $close.prependTo($modal)

  $close.on('click', function () {
    $modal.hide()
    $content.removeClass('lock')
    $('body').removeClass('body-lock')
    $(document).scrollTop(scroll)
    setTimeout(function(){
      $(document).scrollTop(scroll)
    }, 100)
  })
}


function generateContent () {
  return `<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>`
}

## package.json
{
  "name": "ios-scroll-modal",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "jquery": "^3.1.1"
  },
  "devDependencies": {
    "random-words": "0.0.1"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
	<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
	<div class="content">
	<article>
	<h2>Lorem ipsum dolor.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur ut, officiis, quia quidem, nam cupiditate non nisi, beatae optio eaque et debitis sint incidunt doloribus distinctio nesciunt natus sunt quibusdam.</p>
	<p>Consectetur asperiores sed voluptate accusantium omnis adipisci laboriosam pariatur iure odio, commodi, quis maxime fugiat in dolore id magni reprehenderit vero quasi! Illum non error reprehenderit id, beatae voluptatibus commodi.</p>
	<p>Nostrum, ipsum! Vero eos vel quidem nam quos placeat iusto, sapiente, voluptates accusantium doloremque et consequatur provident. Ad, dignissimos illo asperiores totam at earum distinctio similique labore, consequuntur neque dolorum.</p>
	<p>Cupiditate perspiciatis voluptatibus expedita maiores libero molestias a quaerat odio delectus iure doloribus nostrum quisquam culpa iste veniam suscipit, quas quos cum voluptates magnam. Quam nulla optio amet quas vel.</p>
	<p>Alias minus delectus molestiae consequatur harum vero voluptates dicta. Architecto dicta amet quae. Repellendus esse sint, quae deserunt beatae, maxime maiores delectus eius saepe cum necessitatibus consectetur voluptates qui vitae?</p>
	<p>Reiciendis rem neque nisi inventore laudantium consequuntur delectus molestiae necessitatibus sed, illum voluptates saepe consequatur id ratione! Tempore velit dolore, et aut unde, mollitia debitis consequatur, in iusto ipsam quis!</p>
	<p>Quos rem ullam molestiae perspiciatis voluptates numquam unde architecto, labore possimus iure, doloribus consectetur tempora, dignissimos reprehenderit ducimus ut totam necessitatibus debitis ab saepe qui sapiente id? Omnis, numquam aspernatur!</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Libero rerum, illum!</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, voluptas. Neque unde, voluptas beatae magnam dicta doloribus accusantium placeat nemo doloremque non, cupiditate, consectetur sequi aspernatur distinctio mollitia in saepe!</p>
	<p>Molestiae quae corporis quod eveniet saepe nisi, qui sequi ad quidem dignissimos nemo repellat quos nihil minima voluptate officia reprehenderit unde aliquid fugit explicabo. Esse, incidunt. Exercitationem nobis recusandae, natus?</p>
	<p>Similique ipsam, debitis corporis rerum qui quidem ad quam, facere ab dicta ratione quibusdam. Delectus, incidunt nemo? Rem nisi quod, sint nulla consequuntur voluptatibus voluptates ullam, minima, magni perspiciatis pariatur.</p>
	<p>Placeat deserunt omnis voluptates itaque non est dolorem delectus deleniti, quae quas numquam reprehenderit perferendis, impedit, excepturi! Odit quasi magni quaerat dolore reiciendis. Fuga tempora distinctio aperiam molestiae, eius praesentium.</p>
	<p>Omnis aut consequatur tenetur deserunt provident eos in rerum. Velit consequuntur, nisi officiis commodi nihil et! Laudantium deserunt, sunt rem maxime esse non cum excepturi dolore eos quo quam ad.</p>
	<p>Atque quidem quia explicabo sapiente molestiae cupiditate optio vel earum dignissimos repellat, illo soluta aspernatur, neque quae consequuntur? Aut exercitationem tempore, repellendus perspiciatis iure non ea culpa voluptates deleniti inventore?</p>
	<p>Atque accusamus commodi labore doloremque fugiat, nam repellat harum ab dicta animi eos, unde natus aperiam porro doloribus reprehenderit vitae, dignissimos magnam numquam nesciunt! Accusamus facilis quod labore nam in.</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Consectetur, officia, maxime!</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe aliquid ab ducimus nobis! Culpa corporis modi optio quod quaerat, explicabo earum sed cumque voluptatem, veniam voluptatum dolores totam doloremque vero?</p>
	<p>Atque est unde consequuntur perferendis ea sint sed suscipit praesentium natus illum quos nemo id error aspernatur, assumenda dignissimos, ex, itaque voluptas. Dolores aut molestiae suscipit ipsa quia provident cumque.</p>
	<p>Soluta molestiae magni beatae explicabo quibusdam necessitatibus natus rem iusto officia nihil quo, delectus, excepturi dolor, eligendi, ducimus ratione omnis. Quia veritatis, eum sapiente voluptatem perferendis exercitationem deleniti mollitia laboriosam.</p>
	<p>Voluptatem numquam quas illum, veritatis! Nisi quos, dicta neque quas explicabo amet ad soluta repellat nostrum pariatur, earum ut excepturi similique, nemo fugiat totam tempore quae accusamus eius nobis. Adipisci.</p>
	<p>Recusandae distinctio, inventore consectetur vel possimus! Laboriosam dolores molestiae rem, architecto impedit maiores vel quis nisi accusamus eius consectetur eum illo error quas aliquam dolore ea beatae rerum alias consequuntur.</p>
	<p>Modi laborum, provident facilis voluptatem. Sunt voluptatibus id laudantium maiores quia, tempore inventore necessitatibus veritatis rem ipsa, cupiditate consectetur vel consequatur aperiam eum accusantium similique voluptate, amet saepe esse debitis.</p>
	<p>Aut tempore fugit modi harum. Ipsum, vero magni molestias facere enim est! Id, architecto numquam, asperiores tenetur placeat repellendus rem harum adipisci, atque repellat sed animi consequatur reiciendis nesciunt doloremque!</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Magnam saepe, illum!</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam architecto aspernatur itaque recusandae cumque, aut maxime dolore a porro ab sit vitae molestias sint iusto laboriosam dicta quo harum doloribus?</p>
	<p>Ratione minus modi, doloremque veritatis distinctio perferendis rerum reiciendis explicabo vel id unde eius ab recusandae quas, voluptates in quae fugit voluptas. Nihil sint animi voluptate culpa unde facere dolorum!</p>
	<p>Voluptatum blanditiis, quibusdam quaerat iusto modi, ut, repellendus, eveniet quos esse aspernatur debitis mollitia. Optio, doloremque, deserunt. Magni vero animi modi, suscipit, est ratione excepturi, possimus vitae nobis, ut veniam.</p>
	<p>Voluptatibus libero in necessitatibus tempora dolorem magnam corporis blanditiis id, quas illum reiciendis, quidem a est hic. Aut alias, commodi ipsum consectetur, corporis excepturi tenetur esse nemo, adipisci voluptate quaerat.</p>
	<p>Facere laudantium nesciunt ex quia ad iure soluta, ipsa in veniam mollitia praesentium perferendis quis omnis sunt fugiat. Officia vero eligendi rerum nemo assumenda! Unde vitae saepe hic molestias ducimus.</p>
	<p>Quibusdam soluta facilis, maiores expedita saepe doloribus fugiat provident in odit alias ratione incidunt, quae numquam inventore quia. Esse atque sint repellendus odit provident numquam, perferendis quaerat optio minima vero.</p>
	<p>Dolorum accusamus consectetur tempore voluptatum mollitia similique, ad velit dolore illo cumque id dicta eaque necessitatibus, incidunt earum recusandae officiis animi. Incidunt sunt pariatur modi saepe earum quos dignissimos reiciendis!</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Quasi, enim, veritatis.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit omnis eaque dolorem voluptates provident earum, ea, quam obcaecati deserunt culpa iure et, odio tempora atque dicta totam quas. Quibusdam, ad?</p>
	<p>Vel aspernatur perferendis, aliquam sunt. Autem minus, sit cupiditate maxime nemo, excepturi sapiente ut incidunt vero placeat, assumenda, laboriosam nam aspernatur ex. Voluptate excepturi assumenda necessitatibus libero aliquam id velit.</p>
	<p>Itaque voluptatibus reprehenderit quas accusantium, similique nulla deleniti iste quisquam ex eveniet voluptates sit, debitis suscipit porro molestiae odio sapiente. Saepe deserunt error vel sed quam iste quidem soluta consequuntur!</p>
	<p>Veritatis iure cum, ea mollitia voluptatum, consectetur magnam expedita odio vel voluptatem est pariatur, esse amet, ipsum illum earum aliquam dolorem! Accusantium quaerat reiciendis, fugiat corporis adipisci. Explicabo cum, neque.</p>
	<p>Tenetur ut, consequuntur sapiente nesciunt. Minima aliquid perspiciatis, distinctio debitis, adipisci culpa nulla odit possimus necessitatibus! Minus quas soluta debitis quaerat, reiciendis veritatis eum saepe, expedita architecto eligendi voluptatibus nostrum.</p>
	<p>Asperiores placeat reiciendis molestias deleniti, magnam quisquam voluptas voluptatibus aliquid eveniet earum sed repudiandae quis doloremque quos voluptatum quidem explicabo suscipit autem tempora provident eaque. Obcaecati culpa beatae sit placeat.</p>
	<p>Voluptatibus nam at, sit velit ea deserunt id praesentium autem, dicta aliquam totam delectus atque, optio soluta illo qui! Molestiae assumenda dolor tempore soluta, quo corrupti libero dolores aliquid saepe.</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Inventore, ullam, corporis.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam atque corrupti cum voluptates? Earum cum sequi ratione perferendis, deleniti eum vero! Nam dignissimos quis nulla, vero quasi ratione porro culpa.</p>
	<p>Fuga obcaecati praesentium error aperiam, recusandae est beatae alias quibusdam porro. Fugit dolor quidem aspernatur, a temporibus ipsa distinctio facere cumque aperiam facilis id quam consectetur debitis provident labore nobis.</p>
	<p>Minus suscipit rerum voluptatum beatae magni iste odio temporibus vero possimus sint. Tenetur voluptatum rem, nisi similique doloremque impedit dignissimos, libero ut possimus? Repellendus tempore, voluptatem aspernatur consectetur ab praesentium.</p>
	<p>Libero rerum, quia aspernatur velit, architecto cum placeat optio molestiae quidem a harum hic voluptatibus nesciunt molestias dolor temporibus incidunt veniam. Voluptates quos magnam delectus eaque perferendis, minima molestias asperiores.</p>
	<p>Modi porro non libero, suscipit saepe quaerat hic eum doloribus odio ipsa nulla soluta inventore, nam beatae recusandae doloremque natus eligendi. Dolorum officiis tempora accusantium facilis magni numquam, impedit perferendis.</p>
	<p>Nisi dolorem accusantium, totam laboriosam adipisci ipsam id iste quis vero quas in facere aut, error earum deleniti cum voluptate blanditiis expedita obcaecati minima nulla officia. Obcaecati soluta facere fuga!</p>
	<p>Fuga sint id, architecto dignissimos eligendi cupiditate eveniet minima reprehenderit, nisi iste quidem laboriosam culpa modi temporibus? Sint voluptas quae ex eligendi laudantium, ullam magni, similique repudiandae ratione aliquid atque?</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Cupiditate, totam, deserunt.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus aliquid animi quibusdam enim unde vero voluptatibus similique deserunt dolorum quisquam ullam, eos amet aliquam suscipit possimus, quae veniam voluptates dolorem.</p>
	<p>Fugit harum, ipsum fugiat magni. Nesciunt facilis maxime, perspiciatis quae assumenda ipsam eum dolores tempore a blanditiis asperiores optio nostrum rem recusandae dolorum reprehenderit, consectetur distinctio iure, repellat, quaerat necessitatibus.</p>
	<p>Optio veritatis culpa autem, fugit libero deleniti provident, dolor consectetur error commodi adipisci eaque delectus numquam alias dignissimos molestias iure a beatae veniam eum et voluptatem consequuntur. Expedita, ullam, molestiae.</p>
	<p>Dolore quas ut praesentium tempora ipsa velit excepturi laudantium est quidem possimus similique non beatae delectus ea sint quam id eius, inventore fugit earum dicta deleniti. Facere fuga, quidem perspiciatis.</p>
	<p>Magnam voluptatum, quibusdam, officia porro fugit aliquid blanditiis possimus dolor quia tenetur explicabo harum provident fuga, minima vero? Ex quaerat dolor et pariatur hic, accusamus itaque cumque error voluptas vero.</p>
	<p>Voluptatum, quis. Consequuntur voluptatum, id at! Hic eveniet repellat architecto, sunt officia sequi dolorum impedit recusandae enim beatae temporibus inventore vel aspernatur, fugit doloremque rerum sapiente. Minus et doloremque voluptatibus?</p>
	<p>Laboriosam, ipsam dolor consectetur illum nulla culpa quis ex recusandae quo provident, aliquid quisquam veniam officia temporibus minus a hic obcaecati sed rem repellat facere placeat. Laborum nulla quibusdam iste.</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Eligendi, minima, ipsum.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, corporis. Repellendus, in facere earum, perspiciatis iure illum recusandae fugit ducimus consequuntur, distinctio ullam. Neque earum maxime sequi iusto natus, temporibus.</p>
	<p>Eum animi voluptatem distinctio nesciunt, excepturi beatae sunt provident eius atque officia ad aperiam ipsa, earum quibusdam quam tempora magni blanditiis harum dignissimos soluta dolorum a aspernatur labore vitae numquam.</p>
	<p>Eum dolores quisquam ipsum in eius, dolorem qui optio voluptates doloribus laboriosam maxime placeat? Illum ex optio ducimus nulla, eius, rem unde vero minima voluptatem, saepe porro vel sequi eos!</p>
	<p>Enim delectus porro numquam! Rem ullam animi soluta ab aspernatur eaque blanditiis quas laudantium sint incidunt quidem, minima, nulla et ipsam dolore facere. Enim praesentium natus explicabo, aperiam sit culpa.</p>
	<p>Velit, animi at natus incidunt, id aut illo. Voluptatum libero repudiandae nisi at placeat quibusdam error saepe obcaecati molestiae delectus, alias quod voluptas dolores accusamus nulla maxime ex numquam, itaque!</p>
	<p>Quia iusto nam delectus unde. Assumenda doloribus, asperiores odit mollitia natus error facere voluptate pariatur nam, voluptatum reprehenderit ex est, amet et non aperiam optio dolorum repellat libero minima doloremque.</p>
	<p>Eius est itaque amet repellat, repellendus deserunt ad veniam doloremque excepturi voluptatem! Deleniti molestias numquam pariatur dolor, quia perspiciatis distinctio fugiat nobis, illum totam error non, consequuntur magni maiores. Iste.</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Ex, suscipit, et.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quo perferendis, autem placeat recusandae est distinctio necessitatibus iste nemo, ipsa deserunt sint inventore deleniti, accusamus officia velit mollitia sunt. Aliquam.</p>
	<p>Officia sit accusantium hic maiores suscipit dolores asperiores totam delectus, optio aliquid sed, error, saepe doloremque esse illo tempora ducimus. Labore, impedit deserunt repellendus delectus minus illum molestiae beatae soluta.</p>
	<p>Fuga odio, voluptas dolore officia, optio reiciendis architecto sed odit atque veritatis dignissimos saepe repudiandae ea hic mollitia quibusdam voluptatem ipsa dolorem suscipit laborum quaerat. Accusantium, odio magni similique pariatur!</p>
	<p>Sapiente architecto quo facilis aliquam numquam aspernatur saepe consectetur sit nam in voluptatum enim asperiores, ratione eum soluta hic, necessitatibus! Consectetur ullam unde, minus nesciunt laborum ab sed. Inventore, nisi.</p>
	<p>Quisquam sint corrupti suscipit? Vel expedita nam quidem magnam, rem tempora fugiat obcaecati! Unde eaque, reiciendis facere ullam natus, repudiandae pariatur cumque itaque illo, earum officia. Veritatis cupiditate facere itaque.</p>
	<p>Doloribus, cumque eveniet veritatis perspiciatis et. Odio aspernatur non deserunt repellat, soluta voluptates! Cupiditate, dicta aliquid obcaecati ex fugit, dignissimos quae quam esse nulla expedita sint possimus inventore fuga repudiandae.</p>
	<p>Quidem dicta consequuntur eveniet atque reprehenderit, asperiores illum impedit esse corporis iure labore saepe harum aut laudantium expedita, culpa. Consectetur provident harum optio, minus repudiandae quas perspiciatis. Magnam, eos, sapiente.</p>
	<button class="js-show-modal">holi</button>
	</article>
	<article>
	<h2>Repellat, suscipit, nemo.</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus rerum repudiandae enim quia, eius, quibusdam veniam suscipit iusto aliquid, impedit cum? Temporibus at velit corporis dicta quaerat id consequatur! Provident!</p>
	<p>Eligendi mollitia tenetur necessitatibus perferendis aperiam, enim optio! Corporis ut, illo officia totam ex? Distinctio tempora, voluptas explicabo temporibus placeat. Expedita esse laboriosam error, inventore alias, nam rerum consequuntur deserunt?</p>
	<p>Natus vitae deleniti dignissimos nobis amet nihil quam culpa accusantium minus! Voluptatum provident eum totam officia temporibus quos possimus, odio non alias molestias, corporis similique beatae quis sunt rerum ab.</p>
	<p>Non maxime optio, veritatis. Est officiis, error? Impedit nemo, sapiente aliquam corporis, quis corrupti repellat provident, ipsa dolor, explicabo laudantium sequi. Incidunt eos quaerat cum velit fuga dolorum, modi animi!</p>
	<p>Consequatur vitae expedita magnam asperiores accusamus eaque perferendis numquam iusto, ipsam, placeat rerum aperiam, quas repudiandae nobis odit dolor dolorem consequuntur. Unde impedit quibusdam, corporis harum repudiandae quia, accusantium minus!</p>
	<p>Perferendis error repudiandae aspernatur, nemo, minima maxime aperiam ea laborum cumque distinctio, quia, cupiditate? Eius sit deleniti, in modi molestiae unde cum, eligendi iusto fugiat facilis velit veniam aliquam laborum.</p>
	<p>Autem tempora id veritatis, amet facere dignissimos repudiandae, voluptatibus a perferendis nisi porro iusto. Ea quasi alias cum, recusandae ratione dignissimos qui dolores ex, animi, corporis eligendi ipsam. Explicabo, aliquid.</p>
	<button class="js-show-modal">holi</button>
	</article>
	</div>

	<script src="node_modules/jquery/dist/jquery.min.js"></script>
	<script src="js/modal.js"></script>
	</body>
	</html>
	body, html {
	padding: 0
	}
	h2:first-child {
	margin-top: 0
	}
	.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 2rem;
	background: rgba(255,255,255,0.7);
	overflow-y: scroll;
	}
	.content {
	overflow: hidden;
	}
	.body-lock {
	/height: 100%;/
	margin: 0;
	/overflow: hidden;/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	}
	.lock {
	height: 100vh;
	}
	$('.js-show-modal').on('click', showModal2)

	function showModal (e) {
	const $modal = $('<div class="modal">')
	$modal.html(generateContent())
	$modal.appendTo(document.body)

	const scroll = $(document).scrollTop()
	const $content = $('.content')

	$content.hide()

	const $close = $('<button>')
	$close.text('CLOSE PUES')

	$close.prependTo($modal)

	$close.on('click', function () {
	$modal.hide()
	$content.show()
	$(document).scrollTop(scroll)
	setTimeout(function(){
	$(document).scrollTop(scroll)
	}, 100)
	})
	}

	function showModal2 (e) {
	const $modal = $('<div class="modal">')
	$modal.html(generateContent())
	$modal.appendTo(document.body)

	const scroll = $(document).scrollTop()
	const $content = $('.content')

	$content.addClass('lock')
	$('body').addClass('body-lock')
	$('body').css({ top: -scroll})
	// $modal.css({ top: scroll })


	const $close = $('<button>')
	$close.text('CLOSE PUES')

	$close.prependTo($modal)

	$close.on('click', function () {
	$modal.hide()
	$content.removeClass('lock')
	$('body').removeClass('body-lock')
	$(document).scrollTop(scroll)
	setTimeout(function(){
	$(document).scrollTop(scroll)
	}, 100)
	})
	}


	function generateContent () {
	return `<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
	<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
	<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
	<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
	<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
	<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
	<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
	<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
	<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
	<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
	<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
	<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
	<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
	<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
	<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
	<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>`
	}
	{
	"name": "ios-scroll-modal",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"dependencies": {
	"jquery": "^3.1.1"
	},
	"devDependencies": {
	"random-words": "0.0.1"
	},
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"author": "",
	"license": "ISC"
	}