Skip to content

Instantly share code, notes, and snippets.

@Splurov

Splurov/overflow-test.html

Last active January 3, 2016 07:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Splurov/8432846 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Splurov/8432846 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
overflow-test.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iOS No Scroll</title>
<style>
html.no-scroll, html.no-scroll > body {
overflow: hidden;
}
.overlay {
display: none;
z-index: 1;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(200, 200, 200, .5);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.content {
width: 800px;
margin: 0 auto;
}
.popup-container {
padding: 20px 0;
}
.popup {
width: 600px;
margin: 0 auto;
border: 1px solid #f00;
background: #fff;
}
.show-popup, .hide-popup {
cursor: pointer;
font-size: 20px;
background: #eee;
border: 2px solid #ccc;
}
</style>
</head>
<body>
<div class="content">
Lorem ipsum dolor sit amet, duo ut paulo veritus abhorreant. Eius dicunt vis te. Ei sed quem efficiantur, ut vis exerci causae discere. No cum modus tollit labore. Ex diam propriae pertinacia vim, alii suas augue sed cu. Eu eos meis tincidunt.
Eum ea viris dicant, mea quem abhorreant et, mea laudem malorum et. Qui in graeco semper, at duo quot postulant. Cu per persius noluisse partiendo, et qui postea voluptua, an consul consetetur vis. Mea at dicta minimum. Mea no erat ullum placerat, pri delenit ponderum et, cum idque postea conclusionemque ex.
Est viris consul prompta eu, causae delicata at mei, ipsum mediocritatem qui cu. Exerci commodo est ex. Eum audire facilisi deterruisset ut, ad posse putant per. Vix principes neglegentur cu.
Unum aeque cotidieque cum te. Duo omnes posidonium ut. His an unum scripta, habeo novum percipitur eos an, no eum labitur fastidii suscipiantur. Vim cetero prompta debitis an, etiam aperiri inermis est ut.
At malis ubique has, pri ex commune reprehendunt, eu sed fugit iusto hendrerit. Est in modo assentior, ad nam nibh ancillae, purto omittam erroribus vis at. Eu error ancillae inciderint est, est semper aperiam constituto no, pro utamur temporibus id. Option inermis omittantur usu ad.
Vis oblique habemus te, rationibus elaboraret mei ne. Ei mea nostrud honestatis. Viris quando homero eum cu. In mel ferri eloquentiam reformidans, minim vocent mea eu. No nec dolor mandamus. Et summo dicit accommodare pri, est ut affert voluptua quaestio.
Duo ne ubique lucilius, usu at everti convenire, ius ea quando facilisis concludaturque. At duo vidit vitae graeci. Mei ex magna melius appellantur, eu adhuc placerat constituam eos. Laudem meliore lobortis mea cu, no mutat moderatius ius. Sea ut adhuc minim ignota, tale tollit semper ut sit. Id audiam voluptua pro, per idque dolores apeirian no.
Pro tempor tacimates ad, cu his iuvaret laboramus. Has id wisi facer reprehendunt, numquam epicurei qui at. Ut sit aeque latine, est assum nominavi et. Vidit affert alterum vis te, pro dicat lucilius eu, ut modus incorrupte sed.
Veniam inimicus signiferumque usu cu, ut per alii possim, sea prima eirmod labitur in. Est partem mentitum pertinax eu. Inimicus senserit sententiae ea mei, mel adhuc oporteat ea. Tota quando appetere ad mea. Liber altera ut vim. Labores principes in usu, eos vitae graece ad. At nostrud alienum eleifend nec, id pro veniam tractatos instructior.
Mei feugait adipisci te. Cu tamquam persius euismod vix, quis laoreet iracundia cum at, vel ex maiestatis liberavisse. Purto debitis accumsan per et, tibique denique moderatius qui te, cu sea magna mutat ancillae. Usu molestie eloquentiam ei, scripta convenire ne vis, albucius democritum vis ut. Cu vix saperet salutandi.
Eam cu eros integre, zril cotidieque cum ad. Porro timeam iracundia per et, tollit dicant ut pro, vel accusata constituam et. Nec elit diceret eu. Cu quo honestatis deterruisset, ei ius tation intellegebat.
Id vis wisi minimum, delectus incorrupte nec id. Ipsum labore duo in, sed assum ponderum cu. Pri ut dicta deleniti nominati. Inani meliore duo ne, nominavi vulputate mei id, et eam ridens deleniti deterruisset.
An vel affert incorrupte. Quo veri ferri cu, timeam sanctus efficiendi his an. Pro et utinam salutandi tincidunt. Et omnes equidem blandit ius, soluta scripta eruditi ea his.
Consul commune consulatu ei sit, movet nobis inimicus eos at, pro error erant maiestatis in. Et dolorem lucilius repudiandae quo. An his posse velit, id nulla voluptua adversarium quo. Nam te quaestio euripidis, ut cum veri sapientem. Cu altera conceptam sit. Eam iusto nonumes cu, eu quo tantas vivendum, no falli aliquam mei. Usu in iisque alienum rationibus.
Sit in sanctus utroque reprehendunt, no nam nonumy verear. Ea tation aliquando vix, essent detraxit accusata in sea. Malis persius te mei, ius agam offendit in. In vix natum intellegat, nec dicat harum detracto ea. Magna qualisque consequuntur his eu.
Et mei mundi delicata, odio vituperata ad mea. Option corpora senserit sea no. Ei ubique tractatos sadipscing usu, eu viris eruditi facilisis eum, mea ne consul oportere volutpat. Ea disputando consectetuer mea, epicuri theophrastus at vim. Ne usu adhuc deserunt signiferumque, ius ad ornatus alienum lucilius.
Brute quando eam cu. Has an movet audiam, sit unum impedit nonumes eu, sed ei nullam integre periculis. Cu essent appellantur eum, has nisl fugit graeco ei, augue verterem ei nec. Suscipit accusamus eos ad.
Has ea eros numquam appetere, ex sed consul putent everti, no sit quem reformidans vituperatoribus. Nec epicuri ocurreret sententiae no. Augue expetendis at mea, vix putent fuisset ut. Laoreet accusam suscipit pro te, no has solum tollit cotidieque.
Mel ne omnis causae molestie. In eam autem constituto dissentiunt, et utinam essent elaboraret his. Ea erat habemus suavitate usu, te homero equidem sed. Id usu unum brute. Harum labore liberavisse cu his, verear lucilius disputando vim at. Id falli accommodare mediocritatem sit, nec id postea blandit.
Ea viris eirmod ceteros nec, his et maiestatis signiferumque, et nibh tempor usu. Ne eum idque equidem accusamus, in mel feugait detracto signiferumque. An sea lorem audire elaboraret, vis eu rebum affert. His harum movet scripta ei, summo facilisis periculis an est.
Lorem ipsum dolor sit amet, duo ut paulo veritus abhorreant. Eius dicunt vis te. Ei sed quem efficiantur, ut vis exerci causae discere. No cum modus tollit labore. Ex diam propriae pertinacia vim, alii suas augue sed cu. Eu eos meis tincidunt.
Eum ea viris dicant, mea quem abhorreant et, mea laudem malorum et. Qui in graeco semper, at duo quot postulant. Cu per persius noluisse partiendo, et qui postea voluptua, an consul consetetur vis. Mea at dicta minimum. Mea no erat ullum placerat, pri delenit ponderum et, cum idque postea conclusionemque ex.
Est viris consul prompta eu, causae delicata at mei, ipsum mediocritatem qui cu. Exerci commodo est ex. Eum audire facilisi deterruisset ut, ad posse putant per. Vix principes neglegentur cu.
Unum aeque cotidieque cum te. Duo omnes posidonium ut. His an unum scripta, habeo novum percipitur eos an, no eum labitur fastidii suscipiantur. Vim cetero prompta debitis an, etiam aperiri inermis est ut.
At malis ubique has, pri ex commune reprehendunt, eu sed fugit iusto hendrerit. Est in modo assentior, ad nam nibh ancillae, purto omittam erroribus vis at. Eu error ancillae inciderint est, est semper aperiam constituto no, pro utamur temporibus id. Option inermis omittantur usu ad.
Vis oblique habemus te, rationibus elaboraret mei ne. Ei mea nostrud honestatis. Viris quando homero eum cu. In mel ferri eloquentiam reformidans, minim vocent mea eu. No nec dolor mandamus. Et summo dicit accommodare pri, est ut affert voluptua quaestio.
Duo ne ubique lucilius, usu at everti convenire, ius ea quando facilisis concludaturque. At duo vidit vitae graeci. Mei ex magna melius appellantur, eu adhuc placerat constituam eos. Laudem meliore lobortis mea cu, no mutat moderatius ius. Sea ut adhuc minim ignota, tale tollit semper ut sit. Id audiam voluptua pro, per idque dolores apeirian no.
Pro tempor tacimates ad, cu his iuvaret laboramus. Has id wisi facer reprehendunt, numquam epicurei qui at. Ut sit aeque latine, est assum nominavi et. Vidit affert alterum vis te, pro dicat lucilius eu, ut modus incorrupte sed.
Veniam inimicus signiferumque usu cu, ut per alii possim, sea prima eirmod labitur in. Est partem mentitum pertinax eu. Inimicus senserit sententiae ea mei, mel adhuc oporteat ea. Tota quando appetere ad mea. Liber altera ut vim. Labores principes in usu, eos vitae graece ad. At nostrud alienum eleifend nec, id pro veniam tractatos instructior.
Mei feugait adipisci te. Cu tamquam persius euismod vix, quis laoreet iracundia cum at, vel ex maiestatis liberavisse. Purto debitis accumsan per et, tibique denique moderatius qui te, cu sea magna mutat ancillae. Usu molestie eloquentiam ei, scripta convenire ne vis, albucius democritum vis ut. Cu vix saperet salutandi.
Eam cu eros integre, zril cotidieque cum ad. Porro timeam iracundia per et, tollit dicant ut pro, vel accusata constituam et. Nec elit diceret eu. Cu quo honestatis deterruisset, ei ius tation intellegebat.
Id vis wisi minimum, delectus incorrupte nec id. Ipsum labore duo in, sed assum ponderum cu. Pri ut dicta deleniti nominati. Inani meliore duo ne, nominavi vulputate mei id, et eam ridens deleniti deterruisset.
An vel affert incorrupte. Quo veri ferri cu, timeam sanctus efficiendi his an. Pro et utinam salutandi tincidunt. Et omnes equidem blandit ius, soluta scripta eruditi ea his.
Consul commune consulatu ei sit, movet nobis inimicus eos at, pro error erant maiestatis in. Et dolorem lucilius repudiandae quo. An his posse velit, id nulla voluptua adversarium quo. Nam te quaestio euripidis, ut cum veri sapientem. Cu altera conceptam sit. Eam iusto nonumes cu, eu quo tantas vivendum, no falli aliquam mei. Usu in iisque alienum rationibus.
Sit in sanctus utroque reprehendunt, no nam nonumy verear. Ea tation aliquando vix, essent detraxit accusata in sea. Malis persius te mei, ius agam offendit in. In vix natum intellegat, nec dicat harum detracto ea. Magna qualisque consequuntur his eu.
Et mei mundi delicata, odio vituperata ad mea. Option corpora senserit sea no. Ei ubique tractatos sadipscing usu, eu viris eruditi facilisis eum, mea ne consul oportere volutpat. Ea disputando consectetuer mea, epicuri theophrastus at vim. Ne usu adhuc deserunt signiferumque, ius ad ornatus alienum lucilius.
Brute quando eam cu. Has an movet audiam, sit unum impedit nonumes eu, sed ei nullam integre periculis. Cu essent appellantur eum, has nisl fugit graeco ei, augue verterem ei nec. Suscipit accusamus eos ad.
Has ea eros numquam appetere, ex sed consul putent everti, no sit quem reformidans vituperatoribus. Nec epicuri ocurreret sententiae no. Augue expetendis at mea, vix putent fuisset ut. Laoreet accusam suscipit pro te, no has solum tollit cotidieque.
Mel ne omnis causae molestie. In eam autem constituto dissentiunt, et utinam essent elaboraret his. Ea erat habemus suavitate usu, te homero equidem sed. Id usu unum brute. Harum labore liberavisse cu his, verear lucilius disputando vim at. Id falli accommodare mediocritatem sit, nec id postea blandit.
Ea viris eirmod ceteros nec, his et maiestatis signiferumque, et nibh tempor usu. Ne eum idque equidem accusamus, in mel feugait detracto signiferumque. An sea lorem audire elaboraret, vis eu rebum affert. His harum movet scripta ei, summo facilisis periculis an est.
Lorem ipsum dolor sit amet, duo ut paulo veritus abhorreant. Eius dicunt vis te. Ei sed quem efficiantur, ut vis exerci causae discere. No cum modus tollit labore. Ex diam propriae pertinacia vim, alii suas augue sed cu. Eu eos meis tincidunt.
Eum ea viris dicant, mea quem abhorreant et, mea laudem malorum et. Qui in graeco semper, at duo quot postulant. Cu per persius noluisse partiendo, et qui postea voluptua, an consul consetetur vis. Mea at dicta minimum. Mea no erat ullum placerat, pri delenit ponderum et, cum idque postea conclusionemque ex.
<p><span class="show-popup">SHOW POPUP</span></p>
Est viris consul prompta eu, causae delicata at mei, ipsum mediocritatem qui cu. Exerci commodo est ex. Eum audire facilisi deterruisset ut, ad posse putant per. Vix principes neglegentur cu.
Unum aeque cotidieque cum te. Duo omnes posidonium ut. His an unum scripta, habeo novum percipitur eos an, no eum labitur fastidii suscipiantur. Vim cetero prompta debitis an, etiam aperiri inermis est ut.
At malis ubique has, pri ex commune reprehendunt, eu sed fugit iusto hendrerit. Est in modo assentior, ad nam nibh ancillae, purto omittam erroribus vis at. Eu error ancillae inciderint est, est semper aperiam constituto no, pro utamur temporibus id. Option inermis omittantur usu ad.
Vis oblique habemus te, rationibus elaboraret mei ne. Ei mea nostrud honestatis. Viris quando homero eum cu. In mel ferri eloquentiam reformidans, minim vocent mea eu. No nec dolor mandamus. Et summo dicit accommodare pri, est ut affert voluptua quaestio.
Duo ne ubique lucilius, usu at everti convenire, ius ea quando facilisis concludaturque. At duo vidit vitae graeci. Mei ex magna melius appellantur, eu adhuc placerat constituam eos. Laudem meliore lobortis mea cu, no mutat moderatius ius. Sea ut adhuc minim ignota, tale tollit semper ut sit. Id audiam voluptua pro, per idque dolores apeirian no.
Pro tempor tacimates ad, cu his iuvaret laboramus. Has id wisi facer reprehendunt, numquam epicurei qui at. Ut sit aeque latine, est assum nominavi et. Vidit affert alterum vis te, pro dicat lucilius eu, ut modus incorrupte sed.
Veniam inimicus signiferumque usu cu, ut per alii possim, sea prima eirmod labitur in. Est partem mentitum pertinax eu. Inimicus senserit sententiae ea mei, mel adhuc oporteat ea. Tota quando appetere ad mea. Liber altera ut vim. Labores principes in usu, eos vitae graece ad. At nostrud alienum eleifend nec, id pro veniam tractatos instructior.
Mei feugait adipisci te. Cu tamquam persius euismod vix, quis laoreet iracundia cum at, vel ex maiestatis liberavisse. Purto debitis accumsan per et, tibique denique moderatius qui te, cu sea magna mutat ancillae. Usu molestie eloquentiam ei, scripta convenire ne vis, albucius democritum vis ut. Cu vix saperet salutandi.
Eam cu eros integre, zril cotidieque cum ad. Porro timeam iracundia per et, tollit dicant ut pro, vel accusata constituam et. Nec elit diceret eu. Cu quo honestatis deterruisset, ei ius tation intellegebat.
Id vis wisi minimum, delectus incorrupte nec id. Ipsum labore duo in, sed assum ponderum cu. Pri ut dicta deleniti nominati. Inani meliore duo ne, nominavi vulputate mei id, et eam ridens deleniti deterruisset.
An vel affert incorrupte. Quo veri ferri cu, timeam sanctus efficiendi his an. Pro et utinam salutandi tincidunt. Et omnes equidem blandit ius, soluta scripta eruditi ea his.
Consul commune consulatu ei sit, movet nobis inimicus eos at, pro error erant maiestatis in. Et dolorem lucilius repudiandae quo. An his posse velit, id nulla voluptua adversarium quo. Nam te quaestio euripidis, ut cum veri sapientem. Cu altera conceptam sit. Eam iusto nonumes cu, eu quo tantas vivendum, no falli aliquam mei. Usu in iisque alienum rationibus.
Sit in sanctus utroque reprehendunt, no nam nonumy verear. Ea tation aliquando vix, essent detraxit accusata in sea. Malis persius te mei, ius agam offendit in. In vix natum intellegat, nec dicat harum detracto ea. Magna qualisque consequuntur his eu.
Et mei mundi delicata, odio vituperata ad mea. Option corpora senserit sea no. Ei ubique tractatos sadipscing usu, eu viris eruditi facilisis eum, mea ne consul oportere volutpat. Ea disputando consectetuer mea, epicuri theophrastus at vim. Ne usu adhuc deserunt signiferumque, ius ad ornatus alienum lucilius.
Brute quando eam cu. Has an movet audiam, sit unum impedit nonumes eu, sed ei nullam integre periculis. Cu essent appellantur eum, has nisl fugit graeco ei, augue verterem ei nec. Suscipit accusamus eos ad.
Has ea eros numquam appetere, ex sed consul putent everti, no sit quem reformidans vituperatoribus. Nec epicuri ocurreret sententiae no. Augue expetendis at mea, vix putent fuisset ut. Laoreet accusam suscipit pro te, no has solum tollit cotidieque.
Mel ne omnis causae molestie. In eam autem constituto dissentiunt, et utinam essent elaboraret his. Ea erat habemus suavitate usu, te homero equidem sed. Id usu unum brute. Harum labore liberavisse cu his, verear lucilius disputando vim at. Id falli accommodare mediocritatem sit, nec id postea blandit.
Ea viris eirmod ceteros nec, his et maiestatis signiferumque, et nibh tempor usu. Ne eum idque equidem accusamus, in mel feugait detracto signiferumque. An sea lorem audire elaboraret, vis eu rebum affert. His harum movet scripta ei, summo facilisis periculis an est.
</div>
<div class="overlay">
<div class="popup-container">
<div class="popup">
Lorem ipsum dolor sit amet, duo ut paulo veritus abhorreant. Eius dicunt vis te. Ei sed quem efficiantur, ut vis exerci causae discere. No cum modus tollit labore. Ex diam propriae pertinacia vim, alii suas augue sed cu. Eu eos meis tincidunt.
Eum ea viris dicant, mea quem abhorreant et, mea laudem malorum et. Qui in graeco semper, at duo quot postulant. Cu per persius noluisse partiendo, et qui postea voluptua, an consul consetetur vis. Mea at dicta minimum. Mea no erat ullum placerat, pri delenit ponderum et, cum idque postea conclusionemque ex.
Est viris consul prompta eu, causae delicata at mei, ipsum mediocritatem qui cu. Exerci commodo est ex. Eum audire facilisi deterruisset ut, ad posse putant per. Vix principes neglegentur cu.
Unum aeque cotidieque cum te. Duo omnes posidonium ut. His an unum scripta, habeo novum percipitur eos an, no eum labitur fastidii suscipiantur. Vim cetero prompta debitis an, etiam aperiri inermis est ut.
At malis ubique has, pri ex commune reprehendunt, eu sed fugit iusto hendrerit. Est in modo assentior, ad nam nibh ancillae, purto omittam erroribus vis at. Eu error ancillae inciderint est, est semper aperiam constituto no, pro utamur temporibus id. Option inermis omittantur usu ad.
Vis oblique habemus te, rationibus elaboraret mei ne. Ei mea nostrud honestatis. Viris quando homero eum cu. In mel ferri eloquentiam reformidans, minim vocent mea eu. No nec dolor mandamus. Et summo dicit accommodare pri, est ut affert voluptua quaestio.
Duo ne ubique lucilius, usu at everti convenire, ius ea quando facilisis concludaturque. At duo vidit vitae graeci. Mei ex magna melius appellantur, eu adhuc placerat constituam eos. Laudem meliore lobortis mea cu, no mutat moderatius ius. Sea ut adhuc minim ignota, tale tollit semper ut sit. Id audiam voluptua pro, per idque dolores apeirian no.
Pro tempor tacimates ad, cu his iuvaret laboramus. Has id wisi facer reprehendunt, numquam epicurei qui at. Ut sit aeque latine, est assum nominavi et. Vidit affert alterum vis te, pro dicat lucilius eu, ut modus incorrupte sed.
Veniam inimicus signiferumque usu cu, ut per alii possim, sea prima eirmod labitur in. Est partem mentitum pertinax eu. Inimicus senserit sententiae ea mei, mel adhuc oporteat ea. Tota quando appetere ad mea. Liber altera ut vim. Labores principes in usu, eos vitae graece ad. At nostrud alienum eleifend nec, id pro veniam tractatos instructior.
Mei feugait adipisci te. Cu tamquam persius euismod vix, quis laoreet iracundia cum at, vel ex maiestatis liberavisse. Purto debitis accumsan per et, tibique denique moderatius qui te, cu sea magna mutat ancillae. Usu molestie eloquentiam ei, scripta convenire ne vis, albucius democritum vis ut. Cu vix saperet salutandi.
Eam cu eros integre, zril cotidieque cum ad. Porro timeam iracundia per et, tollit dicant ut pro, vel accusata constituam et. Nec elit diceret eu. Cu quo honestatis deterruisset, ei ius tation intellegebat.
Id vis wisi minimum, delectus incorrupte nec id. Ipsum labore duo in, sed assum ponderum cu. Pri ut dicta deleniti nominati. Inani meliore duo ne, nominavi vulputate mei id, et eam ridens deleniti deterruisset.
An vel affert incorrupte. Quo veri ferri cu, timeam sanctus efficiendi his an. Pro et utinam salutandi tincidunt. Et omnes equidem blandit ius, soluta scripta eruditi ea his.
Consul commune consulatu ei sit, movet nobis inimicus eos at, pro error erant maiestatis in. Et dolorem lucilius repudiandae quo. An his posse velit, id nulla voluptua adversarium quo. Nam te quaestio euripidis, ut cum veri sapientem. Cu altera conceptam sit. Eam iusto nonumes cu, eu quo tantas vivendum, no falli aliquam mei. Usu in iisque alienum rationibus.
Sit in sanctus utroque reprehendunt, no nam nonumy verear. Ea tation aliquando vix, essent detraxit accusata in sea. Malis persius te mei, ius agam offendit in. In vix natum intellegat, nec dicat harum detracto ea. Magna qualisque consequuntur his eu.
Et mei mundi delicata, odio vituperata ad mea. Option corpora senserit sea no. Ei ubique tractatos sadipscing usu, eu viris eruditi facilisis eum, mea ne consul oportere volutpat. Ea disputando consectetuer mea, epicuri theophrastus at vim. Ne usu adhuc deserunt signiferumque, ius ad ornatus alienum lucilius.
Brute quando eam cu. Has an movet audiam, sit unum impedit nonumes eu, sed ei nullam integre periculis. Cu essent appellantur eum, has nisl fugit graeco ei, augue verterem ei nec. Suscipit accusamus eos ad.
Has ea eros numquam appetere, ex sed consul putent everti, no sit quem reformidans vituperatoribus. Nec epicuri ocurreret sententiae no. Augue expetendis at mea, vix putent fuisset ut. Laoreet accusam suscipit pro te, no has solum tollit cotidieque.
<p><span class="hide-popup">HIDE POPUP</span></p>
Mel ne omnis causae molestie. In eam autem constituto dissentiunt, et utinam essent elaboraret his. Ea erat habemus suavitate usu, te homero equidem sed. Id usu unum brute. Harum labore liberavisse cu his, verear lucilius disputando vim at. Id falli accommodare mediocritatem sit, nec id postea blandit.
Ea viris eirmod ceteros nec, his et maiestatis signiferumque, et nibh tempor usu. Ne eum idque equidem accusamus, in mel feugait detracto signiferumque. An sea lorem audire elaboraret, vis eu rebum affert. His harum movet scripta ei, summo facilisis periculis an est.
</div>
</div>
</div>
<script>
var startY;
var overlay = document.querySelector('.overlay');
var html = document.querySelector('html');
var noScrollStart = function(e) {
startY = e.touches[0].clientY;
};
var noScrollMove = function(e) {
var isPreventToTop = (overlay.scrollTop === 0 && e.touches[0].clientY > startY);
var isPreventToBottom = ((overlay.scrollTop + overlay.offsetHeight) === overlay.scrollHeight && e.touches[0].clientY < startY)
if (isPreventToTop || isPreventToBottom) {
e.preventDefault();
}
return false;
};
document.querySelector('.show-popup').onclick = function() {
html.className += ' no-scroll ';
overlay.style.display = 'block';
window.addEventListener('touchstart', noScrollStart, false);
window.addEventListener('touchmove', noScrollMove, false);
};
document.querySelector('.hide-popup').onclick = function() {
html.className = html.className.replace(' no-scroll ', '');
overlay.scrollTop = 0;
overlay.style.display = 'none';
window.removeEventListener('touchstart', noScrollStart, false);
window.removeEventListener('touchmove', noScrollMove, false);
};
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment