使用web-view组件加载网页,禁止页面下拉显示“网页由xxx.com提供”
发布于 4 年前 作者 juan36 2554 次浏览 来自 分享

在小程序开发时,总有免不了使用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" />

1 回复

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

回到顶部