Android+微信 弹出层无法滚动?

一般来说,如下结构,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';



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值