最近需要做一个移动端查看图片的需求,要求图片可以缩放,但是移屏又无法显示完整张图片,所以就需要上下滑动。
但是遇到了一个奇怪点问题,即界面居然无法滑动,图片无法显示完全。后面仔细测试才发现问题的所在。其实原因很简单,在图片没有加载出来的时候我就初始化了iscroll,这样就会导致iscroll无法滚动,所以我们需要这样做
var img = document.getElementById("photo");
img.onload = function() {
var myscroll = new iScroll(document.getElementById("wrapper"));
}
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);
这样就完美解决了无法滚动点问题,当然有些时候无法滚动可能是因为你的css样式没写好