526互联

uniapp 之h5修改全局滚动条(浏览器下滑有小矩形滚动条)

发布时间 2023-08-03 13:52:07作者: 晨曦_yuan小海

在index.html文件里

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport"
            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <title></title>
        <link rel="icon" href="/static/images/logo.png" />
        <style type="text/css">
            .appFlex{
                overflow: hidden;
            }
            .app {
                overflow-x: scroll;
                -webkit-overflow-scrolling: touch;
            }
        </style>
    </head>
    <body>
        <div class="appFlex">
            <div class="app" id="app"></div>
        </div>
        <script type=text/javascript>
            var useragent = navigator.userAgent;
            if (useragent.match(/Windows/i) == 'Windows') {
                window.location.href = "/hybrid/html/wxError.html";
            }
        </script>
        <script type="module" src="./src/main.ts"></script>
    </body>
</html>