关于禁止微信端webapp内部下拉出现QQ浏览器的问题

最新推荐文章于 2020-09-27 10:00:22 发布
最新推荐文章于 2020-09-27 10:00:22 发布
阅读量750 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/liyouwu/p/9716953.html
版权 
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
	<style type="text/css">
		body{
			width: 100%;
			height: 10000px;
			background: red;
		}
	</style>

<body>

</body>
<script type="text/javascript">
	document.body.addEventListener('touchmove', function (e) {
		e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
	}, {passive: false}); //passive 参数不能省略，用来兼容ios和android 
</script>
</html>

　　此问题安卓没有 只有ios存在  禁止相关下拉刷新就ok了

转载于:https://www.cnblogs.com/liyouwu/p/9716953.html

lceBear
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 开发移动端音乐WebApp--笔记
wuzhaoqing325的博客
12-24 1147
1.3个没用过的插件 “babel-runtime”: “^6.0.0”, “fastclick”: “^1.0.6” 所有的点击没有300毫秒的延迟 “babel-polyfill”: “^6.2.0”,
移动端上拉加载更多无效的问题
weixin_36076584的博客
03-20 3021
面试的时候被要求制作一个移动端的包含上拉加载页面，在制作过程中发现了上拉加载移动端与pc端的不兼容问题。1.上拉加载代码http://119.28.193.164/2018/03/06/jquery上拉加载更多/2.在编辑完代码后在pc端浏览器中测试，上拉加载是能实现的，但是在移动端的浏览器以及微信中打开都是没有效果的。百度后发现有可能是移动端页面对下拉条的判断出错，要在打开页面时强制全屏显示，于...
针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。
01-23
针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。
浏览器禁止下拉
qq_16489427的博客
08-29 855
<script type="text/javascript"> //禁止下拉 document.body.addEventListener('touchmove', function (e) { e.preventDefault() }, {passive: false}); </script>
阻止浏览器中下拉显示出网址
linxner的博客
09-11 1957
加入这段代码就可以了。 document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果) }, { passive: false }); //passive 参数不能省略，用来...
解决移动端浏览器下拉显示“网页由xxx提供，QQ浏览器X5内核提供技术支持”
蓝色之恋love的博客
09-27 3513
对于移动端的浏览器（这里以QQ浏览器为例）下拉的时候会出现“网页由xxx提供，QQ浏览器X5内核提供技术支持“ 这里的解决办法 <!-- 在文件的public/index.html文件夹中 --> <style> html,body{ height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } </style>
H5页面禁用微信浏览器下拉
12-07
H5页面禁用微信浏览器下拉,使其下拉不会出现黑色来源显示，在JS文件中定义此方法即可。
20191107 关于mui的app打包
do what you like && brave
11-07 3313
HTML5 Plus应用概述 HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。 HTML5 Plus规范 通过HTML5开发移动App时，会发现HTML5很多能力不具备。为弥补HTML5能力的不足，在W3C中国的指导下成立了HTML5中...
小程序的学习资料收集
weixin_30414245的博客
02-23 2916
收集学习资料 1：官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3：设计指南：https://mp.weixin.qq.com/debug/wxadoc/desig...
技术淘宝
热门推荐
dicha7140的博客
06-23 2万+
???? ???? ???? ????精度前端学习 ——前端开发100天（置顶） http://alloyteam.github.io/CodeGuide/https://github.com/AlloyTeam/CodeGuide cmd控制台的小技巧：可以直接将文件夹/文件丢进去，这样就会打印出该路径了。 舒服的字体家族样式： font: 300 16px/1.8 ...
微信公众号页面下拉上面显示QQ浏览器x5内核提供,如何禁止这个功能.zip
11-10
如何禁止微信H5页面下拉显示QQ浏览器x5内核提供
微信浏览器禁止页面下拉查看网址
qq_36926807的博客
07-04 5225
我们经常会遇到这样的情况就是在微信浏览器下拉网页时会显示带有网址的黑底，如图：那如何禁止出现这样的情形呢？一开始我使用如下代码来禁止：$(‘body’).on(‘touchmove’, function (event) {event.preventDefault();}); 或者 document.addEventListener('touchmove', function(e){e.preven...
阻止微信浏览器/QQ浏览器长按弹框“在浏览器打开”
dingbenji5337的博客
12-09 556
这个弹框实际上等同于PC环境下的鼠标右键的弹框，因此只要禁止页面的弹框事件就能完美屏蔽该弹框对我们功能带来的影响。程序代码如下： document.oncontextmenu=function(e){ //或者return false; e.preventDefault(); }; 转载于:https://www.cnblogs.com/saysm...
WEB前端 屏蔽移动端浏览器页面顶部提示 此网页由网站提供
weixin_38984353的博客
05-22 3993
移动端开发的小伙伴们应该遇到过一个问题：h5页面在微信端打开的时候，滑到最顶部再网上滑就会出现一段黑色的背景， 并且显示当前页面url，虽然一般情况下不会有太大的影响，但是如果要自定义显示内容就会影响我们的需求了。找了很多方法， 都是简单粗暴地直接e.preventDefault()，但这样会禁止内部Scroll，导致页面不能滚动，上拉加载失效， 太残暴了，找了很久，终于找到了办法，可以达到...
禁止微信内置浏览器，qq内置浏览器网页向下滑动
qq_40127376的博客
09-06 362
很管用，测试前一定要清除手机端的缓存 document.body.addEventListener('touchmove', function (e) { e.preventDefault(); }, {passive: false});
Vue项目解决微信浏览器下拉“网页由xxx提供，QQ浏览器X5内核提供技术支持
weixin_43209953的博客
01-23 4694
外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由 html,body,#app,.wx-pages{ padding: 0; margin: 0; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; ...
禁止网页滚动 (包括安卓浏览器禁止下拉隐藏搜索框)
keyone
11-02 1611
document.ontouchmove = function(e){ e.preventDefault(); }
QQ查找业务：千万级吞吐WebApp的实时错误监控与性能优化
“刘炬光：千万级吞吐WebApp——QQ查找业务的最佳尝试” 在这个分享中，刘炬光详细介绍了如何构建一个能够处理千万级吞吐量的Web应用程序，特别是在QQ查找业务中的实践。这个业务需求高并发、高可用性和高性能，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值