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是新值 }, }