解决微信上下滑动出现黑底背景问题

1.html

 <keep-alive><router-view class="router-view" v-if="$route.meta.keepAlive"></router-view></keep-alive>

2.js部分

function scrollFix (scrollEl, targetSelector) {const offset = 5let startY = 0scrollEl.addEventListener('touchstart', e => { startY = e.touches[0].pageY })scrollEl.addEventListener('touchmove', e => {const y = startY - e.touches[0].pageYconst pullDownAction = y < -offsetconst pullUpAction = y > offsetconst viewHeight = document.documentElement.clientHeightconst targetEl = scrollEl.querySelector(targetSelector)if (!targetEl) returnif ((pullDownAction && targetEl.scrollTop <= 0) || (pullUpAction && Math.floor(targetEl.scrollHeight - viewHeight) <= targetEl.scrollTop)) {e.preventDefault()}})
}scrollFix(this.$el, '.router-view')  //this.$el指 是当前组件的的元素  代码写在app.vue中

解决微信上下滑动出现黑底背景问题相关推荐

微信小程序全屏背景图
微信小程序全屏背景图,解决你在设置过程中出现的多次背景图重复出现的问题 wxml <view class="container" style="height: {{ ...
vue解决微信防盗链接图片无法展示问题
vue解决微信防盗链接图片无法展示问题 1.需求背景最近在vue项目的页面中使用到了微信公众号项目的图片,然后在另一个项目中引用时出现了防盗链接的提示,导致图片本身的内容无法展示. 解决方案防盗链 ...
移动端左右滚动导航，以及解决微信端不支持滚动导航touchmove的问题
今天开发一个移动端的左右滚动导航,用到了touchmove属性.本地测试没问题,放在移动端的浏览器也没问题,微信开发工具里也没有问题,但是放在微信公众号里打开之后,滑动效果不起作用.从网上找了一下解决 ...
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
前言: 我在我的博客小程序使用微信小程序分享功能图片不符合5:4问题 ,对其原理扫描下面二维码,可以体验哦准备在需要自定义分享的页面设置canvas 组件目录准备详解思路定义总函数 ...
小技巧|利用分块压缩技术解决微信传送大型文件的尝试
利用分块压缩技术解决微信传送大型文件的尝试问题背景工具说明操作教程致谢问题背景微信只支持最大传输100M文件,百度网盘速度太慢,one-drive和google drive在国内没有大规模 ...
php mysql 微信昵称_php 解决微信昵称emoji表情插入MySQL报错
在PHP接受到微信用户昵称入库的时候报错原因:utf-8 最大3个字节,而emoji占4个字节解决办法: 1.修改mysql 数据库的字符集,改为utf8mb4,但是前提是MySQL的版本需要5. ...
用herl工具解决微信内链接或二维码可直接用外部浏览器打开
很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接,其实这并不难,只要我们实现微信跳转功能即可. 下面给大家推荐 herl工具(http://www.nicejum ...
前端——解决微信网页清除缓存的方法
前端--解决微信网页清除缓存的方法参考文章: (1)前端--解决微信网页清除缓存的方法 (2)https://www.cnblogs.com/fkcqwq/p/9604184.html 备忘一下.
解决微信小程序配置https不成功问题
解决微信小程序配置https不成功问题参考文章: (1)解决微信小程序配置https不成功问题 (2)https://www.cnblogs.com/ant-jmf17/p/8056989.html ...

解决微信上下滑动出现黑底背景问题

解决微信上下滑动出现黑底背景问题相关推荐

最新文章

热门文章