一般来说,如下结构,ul高度写死,overflow:scroll,内容高度过高用过出现滚动条,在大部分设备也确实没问题,直到android+微信

原因还不太清楚,解决方式是使用js控制:

                            var t1, t2, tch;var dom = document.querySelector('div ul');dom.addEventListener('touchstart', function(e) {start(e);});function start(e) {tch = e.touches[0];t1 = tch.pageY;}dom.addEventListener('touchmove', function(e) {moves(e);});function moves(e) {e.preventDefault();tch = e.touches[0];t2 = tch.pageY;dom.scrollTop += t1 - t2;t1 = t2;}

当然先判断是否是android+微信,使用navigator,如:

var anzhuo = navigator.userAgent.indexOf('iPhone') === -1 && navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger';

Android+微信 弹出层无法滚动?相关推荐

  1. 移动端 js 弹出层内容滚动的时候,不影响body的滚动条处理

    如标题所示,这里受 https://segmentfault.com/a/1190000003849952 这篇文章的启发,自己重写了一下代码 效果图: 代码: <!DOCTYPE HTML&g ...

  2. android 广告弹出层,安卓广告活动弹窗控件 android-adDialog

    软件介绍 android-adDialog,一个简单.强大的广告活动弹窗控件.显示一个默认广告弹窗,支持单广告活动.多广告活动,当弹窗显示多广告是默认显示底部小圆圈,当显示单活动时默认不显示底部小圆圈 ...

  3. 移动端弹出层滚动时禁止body滚动

    相信很多写移动端的朋友会遇到这个问题,我也遇到了,之后就辛辛苦苦的在网上找解决办法,下面我大概提一下我在网上看到的几种办法,行不行的通呢?本人就亲测了下.本人学的还不是太深,如果有什么不对的地方或者有 ...

  4. 微信小程序弹出框竖向滚动_微信小程序 解决自定义弹出层滑动时下层页面滚动问题...

    WXML 将整个底层页面使用 scroll-view 包裹起来,设置 scroll-y 当显示弹出层的时候为 true, 闭关弹出层的时候为 false WXSS Page 设置为绝对定位,宽高各百分 ...

  5. 微信小程序项目实战知识点总结(swiper组件自适应高度,自定义弹出层,悬浮按钮,虚拟键盘)...

    1.小程序 swiper 组件默认高度150px,并且如果子元素过高,swiper不会自适应高度    height:100vh; 2.微信小程序自定义弹出层,参考网址:https://blog.cs ...

  6. vue中禁止页面滚动/滚动事件穿透-弹出蒙版时弹出层下面还可以滚动问题解决

    弹出层时,蒙版下还可以滚动页面 移动端 在蒙层所在div上加 @touchmove.prevent <div class="maskBox" @touchmove.preve ...

  7. 帝国cms微信商城小程序之多规格颜色尺寸长度等sku弹出层模块封装调用

    为方便sku弹出层的使用,将其封装,下面先描述一下封装以后,调用的方法 第一步,先引入 var lsk=require("../../static/js/lsk.js"); 第二步 ...

  8. 微信小程序 - vant popup弹出层阻止底层页面滑动

    前言 在小程序编写过程当中使用使用vant weapp的popup组件作小程序的弹出层,触屏致使底层页面跟着滑动.web 解决方法 使用touch事件阻止属性,@touchmove.stop.prev ...

  9. 小程序中input标签没有反应_解决微信小程序弹出层中input无法聚焦的问题

    此处使用的是vant框架 解决聚焦问题 这里遇到的问题是,在点击搜索框后,设置了弹起的弹出层中van-search的foucs值为true 但是没有起到聚焦效果 原因在于弹出框带有一个动画效果,需要在 ...

最新文章

  1. c++ 多线程 垃圾回收器_7种jvm垃圾回收器,这次全部搞懂
  2. Istio的网络API解释了
  3. 2019阿里云开年Hi购季云通信分会场全攻略!
  4. Pandas数据操作
  5. JavaScript入门思维导图
  6. Free Pascal初次体验(有亮点哦)
  7. c语言迷宫算法入门,基于C语言实现的迷宫算法示例
  8. 内推 | 字节跳动内推
  9. linux修改时区时间est->cst
  10. Mongodb stop: Unknown instance报错
  11. MySQL-Parser
  12. 关于三角形面积的公式与格点多边形面积计算算法的讨论
  13. Web性能测试基本性能指标及案例分析
  14. echarts 中国地图飞机实现demo 中国地图路线飞行 echarts飞行
  15. 梆梆安全卢佐华:用安全拥抱物联网时代
  16. 数据字典模板_C++ 模板元编程:一种屠龙之技
  17. php2020是否为闰年,「2020年是闰年吗」2020年是闰年吗?闰几月? - 56算命网
  18. python腐蚀膨胀代码_Python图像处理--膨胀与腐蚀
  19. [计算机图形学]反走样(前瞻预习/复习回顾)
  20. cookie、session、token的区别和相似点,JWT和数字签名以及签名证书的了解

热门文章

  1. Oracle 9i 的安装(图解)
  2. imagej链接资源
  3. 马尔科夫随机场之图像去燥【Matlab实现,PRML例子】
  4. 数据结构拾遗(3) --红黑树的设计与实现(下)
  5. 《京华烟云》—— 读后总结
  6. 好程序员分享居中一个float元素
  7. Hibernate day01
  8. DrawTool画笔之图形笔
  9. 定时执行vacuum
  10. quartz2d 实现太极图