disable-scroll-safari-ios/index.html at master · bobkovalex/disable-scroll-safari-ios · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html prefix="og: http://ogp.me/ns#" lang="en" class="ui-mobile">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Disable scroll in Safari/Chrome for iOS/Android">
        <link rel="stylesheet" type="text/css" href="resources/css/main.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script type="text/javascript" src="resources/js/main.js"></script>
        <title>Disable scroll in Safari/Chrome for iOS/Android</title>
    </head>
    <body>
        <div id="main-container">
            <!-- button -->
            <div id="btn-open">+</div>
            <!-- file list -->
            <div id="pages-container">
                <div id="page-1">
                    <h2>Page One</h2>
                    <span>Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
                    standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it
                    to make a type specimen book. It has survived not only five centuries, but also the leap into electronic
                    typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
                    sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
                    including versions of Lorem Ipsum.</span>
                </div>
                <div id="page-2">
                    <h2>Page Two</h2>
                    <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
                    standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it
                    to make a type specimen book. It has survived not only five centuries, but also the leap into electronic
                    typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
                    sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
                    including versions of Lorem Ipsum.</span>
                </div>
            </div>
        </div>
        <!-- dialogs -->
        <div id="overlay"></div>
        <div id="dialog">
            <div class="text">Scroll is Disabled!</div>
            <button id="btn-close">Close</button>
        </div>
    </body>
</html>