在小程序开发时,总有免不了使用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" />
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);
赞,其实小程序里也可以把这一部分挡住的