首页 > 其他分享 >uniapp 之h5修改全局滚动条(浏览器下滑有小矩形滚动条)

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

时间:2023-08-03 13:55:18浏览次数:33  
标签:uniapp Windows h5 滚动条 html overflow

在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>

 

标签:uniapp,Windows,h5,滚动条,html,overflow
From: https://www.cnblogs.com/yuan-xiaohai/p/17603130.html

相关文章

  • h5游戏开发的前景如何?未来发展趋势分析
    随着移动互联网的快速发展和智能手机的普及,h5游戏作为一种基于Web技术的轻量级游戏形式,逐渐崭露头角。近年来,h5游戏在全球范围内取得了巨大成功,并呈现出明显的增长趋势。那么,h5游戏开发的前景如何?未来有哪些发展趋势值得关注呢?接下来,广州名锐讯动将从市场需求、技术创新以及产业生......
  • uniapp微信小程序实现记录退出程序功能
    uniapp微信小程序实现记录退出程序功能获取用户在申请过程中退出小程序时的路径,进而知道客户在哪个时间哪个结点离开的程序。我可以可以分析用户退出原因,或者告知用户在申请过程中还差几步就能结束了。记录地方在uniapp的app.vue文件。在此的onhide生命周期中,通过getCurrentPages()......
  • 淘宝1688拼多多京东商品详情数据(H5端,PC端)高效对接API接口
    api接口详解大全?优秀的设计是产品变得卓越的原因设计API意味着提供有效的接口,可以帮助API使用者更好地了解、使用和集成,同时帮助人们有效地维护它每个产品都需要使用手册,API也不例外在API领域,可以将设计视为服务器和客户端之间的协议进行建模API协议可以帮助内部和外部的利益相关......
  • 淘宝H5商品详情数据解析接口sign算法接口代码教程
    淘宝H5商品详情数据解析接口sign算法接口代码教程如下:1.公共参数名称类型必须描述(接口代码教程wx19970108018)keyString是调用key(必须以GET方式拼接在URL中,点击获取请求key和secret)secretString是调用密钥api_nameString是API接口名称(包括在请求地址中)[item_search,item_get,item......
  • 1688app商品详情接口(商品详情采集接口,H5商品详情采集接口,复制商品接口,商品采集上传接
    1688app商品详情接口(商品详情采集接口,H5商品详情采集接口,复制商品接口,商品采集上传接口)代码对接教程如下:1.公共参数名称类型必须描述(接口代码教程wx19970108018)keyString是调用key(必须以GET方式拼接在URL中,点击获取请求key和secret)secretString是调用密钥api_nameString是API接口......
  • swiper 设置 autoHeight: true, 第一个swiper下拉后,切换到第二个swiper后,滚动条不置
    给swiper添加事件on:{slideChangeTransitionEnd:function(swiper,index){document.documentElement.scrollTop=0;//Formodernbrowsersdocument.body.scrollTop=0;//Forolderbrowsers*///强制body置顶,}}目前只找到这种方法,这种......
  • css修改滚动条的样式
    滚动条样式的修改是通过伪元素实现的:-webkit-scrollbar​滚动条整体部分​-webkit-scrollbar-button​滚动条两端的按钮​-webkit-scrollbar-track​外层轨道​-webkit-scrollbar-track-piece​内层轨道,滚动条中间部分(除去)​-webkit-scrollbar-thumb​内嵌滑块​-webk......
  • vue 使用 eruda(移动端H5调试工具)
    <scriptsrc="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"></script><script>eruda.init()</script> ......
  • CH57x/CH58x堆栈
    前言: 概念:inta=0;//全局初始化区域char*p1;//全局未初始化区域main(){staticintc=0;//全局(静态)初始化区intb;//栈chars[]="abc";//栈char*p2;//栈char*p3="123456";//"1234......
  • 2023-07-31 在uniapp使用canvas绘制一个圆角为50%的图片【代码来自chatGpt,稍作修改】
    <template><view><canvasid="myCanvas":style="{width:'200px',height:'200px'}"></canvas></view></template><script>exportdefault{onReady(){this.......