评论

使用web-view组件加载网页,禁止页面下拉显示“网页由xxx.com提供”

使用web-view组件加载网页,如何禁止页面下拉显示“网页由xxx.com提供”

在小程序开发时,总有免不了使用web-view加载网页的时候,但是如果你的网页实现了overflow-y: auto;使网页可滑动查看长内容,此时在小程序页面就会出现:手指滑动页面的时候,没有触发网页内部的滚动,而是出现了整个html页面被下拉,而显示出“网页由xxx.com提供”的字样!

无论是不想暴漏域名还是不想影响网页内部的滑动功能,此时都需要禁止这种情况

下面说下我得解决方法,需要在你的网页里设置(不是在小程序页面设置):

1)html,body{height:100%;overflow:hidden;}
2).warp-cont{
	position: fixed; position: -ms-device-fixed;
    	top: 0px; left: 0px; right: 0px; bottom: 0px;
    }


其中.warp-cont元素是我整个页面的所有内容的父元素,设置了以上两个css之后,页面就不能滑动了

对了,如果设置了以上内容还不起作用的话,可能是我的页面还设置了meta,可以同时设置一下

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1" />

最后一次编辑于  2021-06-09  
点赞 5
收藏
评论

2 个评论

  • Charon
    Charon
    2022-03-25
    const metaNode = document.createElement('meta');
    metaNode.name = 'viewport';
    metaNode.content = 'width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no';
    document.head.appendChild(metaNode);
    
    2022-03-25
    赞同
    回复
  • 姚木木
    姚木木
    2021-06-09

    赞,其实小程序里也可以把这一部分挡住的

    2021-06-09
    赞同
    回复 2
    • 不会打呼噜的猫
      不会打呼噜的猫
      2021-06-10
      这样吗?我主要是因为他影响了我网页得滑动才想要禁止它的
      2021-06-10
      回复
    • 李锐泽
      李锐泽
      2022-01-04
      如何做?
      2022-01-04
      回复
登录 后发表内容