前端学习——Web版自定义2048+移动端适应

前端学习——Web版自定义2048+移动端适应

结果

GitHub地址:
https://github.com/caicai1995/R1SE20481
试玩地址:
https://caicai1995.github.io/R1SE20481/

学习来源

imooc的一个教程:https://www.imooc.com/video/1042

遇到的问题

1、移动端适应时,无法解决下拉刷新的问题
开始使用了这篇文章里的方法,但是导致移动端完全不能滑动
https://blog.csdn.net/firefox1/article/details/90709829
后来改用了这个方法,但还有一个问题,微信里打开链接仍然不能滑动,只解决了禁止下拉刷新的问题,上面那个方法测试的时候也是在微信里打开的,但没有再测试,可能在浏览器或者QQ打开链接也有效。
隔一阵之后微信也可以了,可能刚才没有push上……

//阻止页面的滑动默认事件
document.addEventListener("touchmove", function() { 
	if(this.flags===true){
		event.preventDefault();
	}else{
		return true
	}
}, {passive: false});

待解决

IOS的适配问题

你可能感兴趣的:(前端学习)