移动端兼容性

来源:互联网 发布:中国法律数据库app 编辑:程序博客网 时间:2024/05/17 22:14


1. 页面下端一大片空白,根字大小引起,如果没有多余的元素的话,调整根字的大小试试看,一般是因此原因引起

2. scroll滚动(mui框架、vue,使用的是Mui获取滚动的Y值)

在iOS系统的qq、微信内置浏览器的scroll.y, 在页面滑动时候,触碰到放置页面的容器(即,出现了黑色或黑色的背景,里面显示该网页由。。。开发,页面下端往上滑时出现黑色或灰色的背景的时候),scroll事件监听里面的程序就不执行了,但是调试的时候scroll.y的值是可以获取到的,而且页面也是正常的,推测原因可能是页面滑动的时候,y值变化过快,程序执行出现了问题,所以在scroll里面添加一层setTimeout的延迟操作,就ok了。

initScroll: function () {    var $this = this;    var timer;    setTimeout(function(){        var scrollDom =document.querySelector('#s-details');        var scroll = mui('#s-details').scroll()        scrollDom.addEventListener('scroll',function () {            timer = setTimeout(function(){                $this.scrollY = scroll.y;                clearTimeout(timer);                //!!!!记得清除计时器            },50)        })    },200);},

watch:{    scrollY:function(val, oldVal){       //y变化时的处理过程,val是新值    },}
1 0